背景颜色和边框半径属性在 React Native 中无法协同工作 - Android

Posted

技术标签:

【中文标题】背景颜色和边框半径属性在 React Native 中无法协同工作 - Android【英文标题】:Background Color and Border Radius property not working together in React Native - Android 【发布时间】:2020-02-15 03:33:36 【问题描述】:

它发生在我的 react native 项目从 0.59.9 更新到 0.61.1 之后。我有TouchableOpacity,带有borderRadius 和backgroundColor 样式当我查看ios 时它看起来不错,但在android 中,视图中没有背景颜色。它只是透明的。以前没有这样的问题。

<TouchableOpacity style=backgroundColor: 'black' ,justifyContent: 'center', flex:1, borderRadius: scale(22) />         

【问题讨论】:

【参考方案1】:

scale() 是返回值的自定义函数吗?我已经尝试过这种方式并且它有效;

<TouchableOpacity style=backgroundColor: 'black' ,justifyContent: 'center', flex:1, borderRadius: 22>
  <Text>Sign In</Text>
</TouchableOpacity> 

或者尝试清除缓存:npm clear cache --force

【讨论】:

以上是关于背景颜色和边框半径属性在 React Native 中无法协同工作 - Android的主要内容,如果未能解决你的问题,请参考以下文章

边框半径 + 背景颜色 == 裁剪边框

边框半径后面的HTML背景颜色

如何在 react-native-element 中获得这种搜索栏样式?

React Native常用组件样式总结

由于边框半径为 50% 的包装元素上的背景颜色而显示锯齿状“边框”;

在 react-native-web (expo) 中聚焦时更改 TextInput 的边框颜色