在本机反应中动态创建组件
Dynamically Create Component in react native
在某些情况下，我有一个包含名称的数组（大小可能不同），我想为数组中的每个名称创建按钮，这样每个名称都应该出现在屏幕上，
条件是（肯定每个名字的字数都不一样）
所以，我想在屏幕上水平显示名称，如果创建的按钮的大小超过屏幕的水平大小，则数组中的当前名称和即将出现的名称应该在已创建的按钮下方创建，依此类推..直到最后名称，它将允许创建 N 行和 N 列。
Something like this
到目前为止我所做的是，
我已修复行（即 2）并计算按钮的大小（宽度+边距+填充）并将其与设备屏幕的宽度进行比较。
这不是任何条件下的理想解决方案
您应该用视图包裹按钮并向其添加以下样式：
<View style={{flexDirection: 'row', flexWrap: 'wrap'}}>
// Add the buttons here
</View>
在某些情况下，我有一个包含名称的数组（大小可能不同），我想为数组中的每个名称创建按钮，这样每个名称都应该出现在屏幕上，
条件是（肯定每个名字的字数都不一样） 所以，我想在屏幕上水平显示名称，如果创建的按钮的大小超过屏幕的水平大小，则数组中的当前名称和即将出现的名称应该在已创建的按钮下方创建，依此类推..直到最后名称，它将允许创建 N 行和 N 列。
Something like this
到目前为止我所做的是， 我已修复行（即 2）并计算按钮的大小（宽度+边距+填充）并将其与设备屏幕的宽度进行比较。
这不是任何条件下的理想解决方案
您应该用视图包裹按钮并向其添加以下样式：
<View style={{flexDirection: 'row', flexWrap: 'wrap'}}>
// Add the buttons here
</View>