Question

在RN中设计按钮样式的一些常用技术是什么？例如，如果我想显示具有以下属性的按钮，该怎么办：

颜色：红色高度：50

此外，如果我想显示带有句子大小写的Button文本怎么办？例如，“使用电子邮件登录”？看起来像按钮的title属性在所有大写字母中都显示了标题文本，但我不确定该如何更改？

还是通常的做法是，当开发人员想要自定义这样的按钮时，通常应该使用由View和TouchableOpacity组成的某种自定义结构？

Answer 1

React Native Button本身并没有提供很多自定义选项。您可以尝试各种Touchable*并以更通用的方式从头开始制作按钮。

可能看起来像这样

const Button=(props)=>(
  <TouchableOpacity>
   <View style={[styles.button,props.overrideStyles]}>
     <Text style={[styles.buttonText,props.overrideTextStyle]}>{props.title}</Text>
   </View>
  </TouchableOpacity>
)

const style=StyleSheet.create({
  button:{height:50},
  buttonText:{textTransform:'capitalize',color:'red'}
})

在React Native中设计按钮样式的常用技术？

1 个答案: