javascript – 风格React Native 0.61 Button的新方法是什么

What's the new way to style a React Native 0.61 Button

来源: link 标签:react-native 更新时间:

  问题

这个旧的帖子谈到titleStyle和textStyle,但似乎不再基于道具:

enter image description here

如何将样式对象添加到按钮?现在我应该有一个自定义视图,而不是一些触摸卡巴比尔?我需要实现:

enter image description here

谢谢.

  最佳答案

我刚刚检查了react native Button props,如果你不复制源代码并将其放入自己的组件,你就无法在这里找到node_modules/react-native/Libraries/Components/Button.js.

我建议您使用TouchableOpacity,所以您可以做任何您想要的IF没有必要使用Button.像这样: 

       <TouchableOpacity
        disabled={disabled || disabledNoLoading}
        style={[styles.buttonView, {
          backgroundColor: disabled || disabledNoLoading ? disabledColor : backgroundColor,
          width: buttonWidth,
          marginTop,
          borderColor
        }]}
        onPress={() => {Alert.alert('Pressed')}}
      >
        {
          disabled ? 
           (<Text>Loading...</Text>) 
           : (<Text style={[styles.buttonText, {color: textColor}]}>{text}</Text>)
        }
      </TouchableOpacity>

  相同标签的其他问题

react-native
上一个问题:
下一个问题: