(React-Native) FlatList 如果一个项目占据所有宽度

Question

我有一个组件可能有很多项目或只有一个项目，我想当我有一个项目时占用整个宽度，而当多个项目占用特定宽度数字时？

这可能吗？如果是怎么办？

Answer 1

要呈现 FlatList 项目，您需要将一个数组传递给它，检查该数组的长度是否仅等于一个项目或有更多项目并根据它添加宽度，就像这个例子一样：

const [arrayOfItems,setArrayOfItems] = useState(['Lonely Item']);
const widthCondition = arrayOfItems.length === 1 ? '100%' : '20%'; 
<FlatList  
   data={arrayOfItems}  
   renderItem={({item}) =>  
       <View style={{width:widthCondition}}>
         <Text>{item}</Text>
       </View>
   }  
   ItemSeparatorComponent={this.renderSeparator}  
/>

(React-Native) FlatList 如果一个项目占据所有宽度

(React-Native) FlatList if one item take all width

react-native

react-native-flatlist