Flex包裹溢出后面的元素

时间:2016-09-23 22:41:02

标签: css react-native flexbox

您好我正在使用react native创建一个flex布局。我的代码如下所示

<View style={{flex: 0.5, alignItems: 'center', margin: 5}}>
   <View style={{flex: 1, flexDirection: 'row', flexWrap: 'wrap'}}>
       {tagList}   
   </View>
</View>

<View style={{flex: 4, alignItems: 'center'}}>
   {navigationButton}
</View>

此处tagsList是一个可触摸标签列表,我使用样式表打印出地图,navigationButton是简单按钮。问题是flexwrap将我的标签放在我的按钮后面,所以我无法选择标签。任何想法如何让它工作。

enter image description here

1 个答案:

答案 0 :(得分:0)

我认为这与您未在问题中提供的代码有关...请提供有关每个tagList项目和navigationButton的样式的更多详细信息

如果每个tagList项目都没有定义flex属性,那么可能会导致问题。

相关问题