我最近将手放在了 React-Native 上,并尝试将按钮动态添加到视图中。我想要一个像这样的结构:
(在引导程序中我会添加一个带有 col-md-4 的类)
[A] [A] [A] [A]
[A] [A] [A] [A]
[A] [A] [A] [A]
我已经可以添加按钮,但它们总是出现在新行中。
ie
[A]
[A]
[A]
到目前为止我所添加的样式和功能:
const styles = StyleSheet.create({
container: {
marginTop: 65,
flex: 1,
},
})
render(){
return (
<View style={styles.container}>
{this.renderButtons()}
</View>
)
}
renderButtons(){
var list = myArray.map((item, index) => {
return (
<View key={index}>
<TouchableHighlight
style={styles.button}>
</TouchableHighlight>
</View>
)
})
return list;
}
我知道我应该在 renderButtons 下的视图中添加某种样式,但我不知道从哪里开始。然而。
正确的方法是使用flexWrap: "wrap"
在你的风格中。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)