CODEWITHSUNDEEP
reactjsreact-nativereact-native-flatlistmobile-applicationreact-native-stylesheet
professor078
professor078

Reputation: 27

Height of component in React Native

enter image description here

As you see in the image, the styling of the component is as follows: <TouchableOpacity style={{ height: listDataSource[item.key].isExpanded ? 500 : 140, width: widthw * 0.8, marginHorizontal: 12, backgroundColor: 'red', }}

Now when isExpanded is true my other item in the flat list moves to the top.

Can anyone please help how to stick the other item in bottom only?

Upvotes: 0

Views: 74

Answers (1)

AE0011
AE0011

Reputation: 199

try this for flatlist

contentContainerStyle={{alignItems: 'flex-end'}}

Upvotes: 1

Related Questions