React-native-paper: Chips auto sizing not working

Created on 2 Feb 2019  路  2Comments  路  Source: callstack/react-native-paper

Current behaviour

Chips auto sizing not working. It's by default full width:-
image

tried setting width to auto but still not working

Expected behaviour

must able to set width to auto content size

Code sample

picture ManigandanRaamanathan
👍2

Most helpful comment

I solved the issue by placing the Chips in a View with the following style:

<View style={{flexDirection: 'row', alignItems: 'center', justifyContent: 'flex-start'}}>...</View>

Which causes them to behave as expected, with automatic width to match its child content.

picture xNiallC on 11 Mar 2019
👍23 ❤9 🚀4 🎉2

All 2 comments

I have the same problem. Any news about how to solve that?

psincraian picture psincraian on 19 Feb 2019

I solved the issue by placing the Chips in a View with the following style:

<View style={{flexDirection: 'row', alignItems: 'center', justifyContent: 'flex-start'}}>...</View>

Which causes them to behave as expected, with automatic width to match its child content.

xNiallC picture xNiallC on 11 Mar 2019
👍23 ❤9 🚀4 🎉2
Was this page helpful?
0 / 5 - 0 ratings

Related issues

timothystewart6 picture timothystewart6  路  4Comments
makhataibar picture makhataibar  路  4Comments
tonyxiao picture tonyxiao  路  3Comments
ButuzGOL picture ButuzGOL  路  4Comments
sm2017 picture sm2017  路  4Comments