React Native LinearGradient在iOS上失效？两大修复技巧分享

如果你的React Native LinearGradient在iOS上无法正常工作，按以下两步操作即可修复：

• 用View组件包裹LinearGradient，将原本给LinearGradient设置的样式应用到这个外层View上
• 移除locations属性（避免iOS端渲染异常）

修复后的示例代码：

// 外层View承载原LinearGradient的样式
<View style={styles.gradientContainer}>
  <LinearGradient
    colors={[theme.PRIMARY, theme.MID]}
    start={{ x: 0, y: 0 }}
    end={{ x: 1, y: 0 }}>
     <View style={styles.cardHeader}>
       <View style={styles.headerDot} />
       <Text style={styles.heading} numberOfLines={2}>
         {item?.heading}
       </Text>
     </View>
  </LinearGradient>
</View>

内容的提问来源于stack exchange，提问作者Dev Anand