最简单的方法是使用与禁用 prop 相同的条件。
类似这样的方法应该可以奏效：

style={!this.state.username || !this.state.password ? styles.disabled : styles.buttonWrapper}

为React-Native或React中的元素禁用样式的最佳方法如下：

style={
    (!this.state.username || !this.state.password)
    ? {...styles.buttonWrapper, ...styles.buttonDisabled}
    : styles.buttonWrapper
  }

查看实际操作：codesandbox

使用这个示例，您不需要为按钮设置重复的样式，只需为styles.buttonDisabled中的禁用按钮定义禁用样式（如backgroundColor或color）。

你可以用不透明来显示禁用'

const [disabledStyle, setDisabledStyle] = useState<StyleProp<ViewStyle>>();
  useEffect(() => {
    if (disabled) {
      setDisabledStyle({opacity: 0.5});
    } else {
      setDisabledStyle({opacity: 1});
    }
  }, [disabled]);

  return (
    <TouchableOpacity
      disabled={disabled}
      style={[disabledStyle]}
      onPress={() => callBack()}>
      <View>
        <View>{children}</View>
      </View>
    </TouchableOpacity>
  );

'