小编Wes*_*son的帖子

如何将边框半径应用于 Expo LinearGradient 组件的某些角

我将边框半径应用到 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)

linear-gradients react-native expo

2
推荐指数
1
解决办法
2830
查看次数

标签 统计

expo ×1

linear-gradients ×1

react-native ×1