React native 如何在React Native中将某些视图移到下一行?

React native 如何在React Native中将某些视图移到下一行?,react-native,layout,React Native,Layout,所以,项中的视图是水平部署的。 但我想把ReviewInNewItem移到下一行。 当然,我可以将ReviewInNewItem移出该项,但该项有边框。我想查看NewItem位于项的边框中 如果我用的是网络,我会用这个 明确:两者皆有 React Native中是否有类似的属性?我在React Native中找不到类似clear:的属性 所以我的变化如下 item: { flexDirection:row, borderBottomWidth:1, borderBottomColor

所以,项中的视图是水平部署的。 但我想把ReviewInNewItem移到下一行。 当然,我可以将ReviewInNewItem移出该项,但该项有边框。我想查看NewItem位于项的边框中

如果我用的是网络,我会用这个

明确:两者皆有


React Native中是否有类似的属性?

我在React Native中找不到类似clear:的属性

所以我的变化如下

item: {
   flexDirection:row,
   borderBottomWidth:1, borderBottomColor: 'grey'
}

您可以将另一行用作另一行

item: {
   borderBottomWidth:1, borderBottomColor: 'grey'
}

一些
一些

您必须像flexDirection:“column”一样更改flexDirection,
  <View style={styles.item} onPress={this._onPress}>
    <View style={{flexDirection: 'row'}}> // Add
     <View style={styles.itemLeft}>
       some
     </View>
     <View style={styles.itemRight}>
       some
     </View>
    </View>
    <ReviewInNewsItem/>  
  </View>
item: {
   borderBottomWidth:1, borderBottomColor: 'grey'
}
<View style={styles.item} onPress={this._onPress}>
 <View style={style.row}>
   <View style={styles.itemLeft}>
      some
   </View>
   <View style={styles.itemRight}>
     some
   </View>
 </View>
 <View style={style.row}>
   <ReviewInNewsItem/>  <<<<<< your next line 
 </View>
</View>