Question

  <View style={styles.item} onPress={this._onPress}>
    <View style={styles.itemLeft}>
      some
    </View>
    <View style={styles.itemRight}>
      some
    </View>
    <ReviewInNewsItem/>  <<<<<< I want to move this to next line.
  </View>

项目查看的风格如下。

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

因此，项目中的视图是水平部署的。但我想将ReviewInNewsItem移到下一行。当然，我可以将ReviewInNewsItem移出项目，但项目有边框。我希望ReviewInNewsItem位于item的边框。

如果我使用网络，我会使用此功能。

明确：两者;

在React-Native中是否有类似的属性？

Answer 1

我无法在React-Native中找到像clear一样的属性。

所以我改变如下。

  <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>

我删除了flexDirection：item in style of style。

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

Answer 2

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

<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>

现在row的样式为flexDirection：'row'。所以一切都在一行上，下一行将显示下一行

如何在React-Native中移动一些View下一行？

2 个答案: