Question

我想在可压缩矩形的本机中绘制一个布局，会接受一个服装编号并显示在屏幕上。

（假设我希望我的视图具有10个矩形，所以我给它10个矩形，它将把这10个矩形精确地拉伸到我的屏幕上。）（后来，如果我将其更改为5个，它将精确地拉伸到5个矩形。我的屏幕）然后当然要让它们全部可点击，并在听众中知道我要单击的正方形。

您是否知道我可以在本机反应中做到这一点？谢谢!!!

当我放置10个矩形时的示例（抱歉绘制不好）>

当我放置4个矩形时的示例（抱歉绘制不好）>

Answer 1

您可以尝试使用数组...将状态设置为4或10。

this.state ={ 
  data: [1,2,3,4]
}

您可以使用Loop（用于foreach ..）或数组映射，如下例所示：

<View style={{flex:1,flexDirection:'row'}}>
 { 
     this.state.data.map((i,k) => (
       <View style={{flex:1}}/> 
     ))
 }
</View>

从另一方面来说，也是最简单的方法。您可以尝试使用某些软件包：

React Native Easy Grid

npm install react-native-easy-grid --save