我只想简单地改变按钮的 colored颜色 ,但我做不到.我试图直接改变按钮,并将样式传递给它.但两人都没有成功.

 export default class Dots extends Component {
  render() {
    return (
      <Image style={styles.container}  source={require('./background3.png')}>
      <Button title='play' style = {{color:'red'}}/>
      </Image>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex:1,
    backgroundColor:'transparent',
    resizeMode:'cover',
    justifyContent:'center',
    alignItems:'center',
    width:null,
    height:null
  },

  button:{
  backgroundColor:'#ff5c5c',
  }

}); 

推荐答案

react Button组件在其使用的每个平台上呈现本机按钮.因此,它不响应styleprops .它有自己的一套props .

正确的使用方法应该是

<Button color="#ff5c5c" title="I'm a button!" />

你可以在https://facebook.github.io/react-native/docs/button.html页看到文档

现在,假设你想制作一个超级可定制的按钮,为此你必须使用视图和可touch 的不透明度.类似的东西.

<TouchableOpacity onPress={...}>
  {... button markup}
</TouchableOpacity>

你将把它包装在自己的按钮组件中并使用它.

Reactjs相关问答推荐

useLazyQuery不会更新所有组件之间的数据

优化、自定义登录页面、使用用户ID而不是邮箱

Firebase删除UserWithEmail AndPassword仅创建匿名用户

在一个地方调用函数会影响其他地方调用该函数

在下一个js中使用ESTAccountWithEmailAndPassword函数时循环

有没有办法将在服务器端全局获取的一些数据传递到Next&>13应用程序目录中的客户端组件?

使用VITE的Reaction应用程序的配置是否正确?

自定义变量默认、聚焦和填充时所需TextField中标签的星号 colored颜色

如何修复ReferenceError:在构建过程中未定义导航器

我可以同时使用 Gatsby 和 NEXT.JS 吗?

如何在 ChartJS 中创建此图表?在 NEXTjs 和 TSX 中

REACT: UseState 没有更新变量(ant design 模态形式)

React router v5 仅在生产中不适用于嵌套路由

React设置上下文并进行导航

无法访问 usefocusEffect 中 const 的更新状态

条件渲染元素的测试不起作用

React Native Realm 应用程序在发布构建后崩溃

如何向 surveyjs 调查添加多个结尾?

在嵌套的 Stack Navigator 中的 BottomTabBar 中导航会导致比以前更多的渲染

将鼠标悬停在仅适用于该类的第一个实例的 p5.js 类上