时间戳

首页 > 解决方案 > 背景颜色和边框半径属性在 React Native 中无法协同工作 - Android

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

问题描述

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

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

在此处输入图像描述

标签： reactjsreact-nativereact-native-androidstyling

解决方案

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

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

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

推荐阅读