我将边框半径应用到 LinearGradient 组件的左上角和左下角,方法是将其样式属性设置为包含以下参数:
{
borderTopLeftRadius: 5,
borderBottomLeftRadius: 5
}
Run Code Online (Sandbox Code Playgroud)
使用 Expo SDK 版本 32,这可以毫无问题地工作。但是在更新项目以使用 Expo SDK 版本 34 后,LinearGradient 组件不再接受这种样式。半径只是不显示。
当我简单地应用 borderRadius: 5 然后应用样式并且 LinearGradient 在所有角上的边框半径为 5。一旦我将这些更改为 borderTopLeftRadius 和 borderBottomLeftRadius,半径就不会出现。
这是我现在的代码:
import React from 'react';
import { View } from 'react-native';
import { LinearGradient } from 'expo-linear-gradient';
const StatusBox = () => {
const { statusStyle } = styles;
return (
<View style={{ flex: 1 }}>
<LinearGradient
colors={['#222', '#333']}
start={[0, 0.5]}
end={[1, 0.5]}
style={[statusStyle, {}]}
>
//...other JSX here
</LinearGradient> …Run Code Online (Sandbox Code Playgroud)