Я вижу, что кто-то сделал это за него: https://github.com/brentvatne/react-native-linear-gradient
Но есть ли поддержка его в себя РН? Что-то вроде
style = StyleSheet.create({
backgroundGradient: "vertical",
backgroundGradientTop: "#333333",
backgroundGradientBottom: "#666666"
});
U можете попробовать это JS код.. https://snack.expo.io/r1v0LwZFb
import React, { Component } from 'react';
import { View } from 'react-native';
export default class App extends Component {
render() {
const gradientHeight=500;
const gradientBackground = 'purple';
const data = Array.from({ length: gradientHeight });
return (
<View style={{flex:1}}>
{data.map((_, i) => (
<View
key={i}
style={{
position: 'absolute',
backgroundColor: gradientBackground,
height: 1,
bottom: (gradientHeight - i),
right: 0,
left: 0,
zIndex: 2,
opacity: (1 / gradientHeight) * (i + 1)
}}
/>
))}
</View>
);
}
}
Ищу аналогичное решение, я просто наткнулся на это совершенно новый учебник, что позволит вам устранить быстрое градиентный фон библиотеки (https://github.com/soffes/GradientView) при ходьбе через каждый шаг, чтобы получить рабочую компонент реагировать.
Это шаг за шагом учебник, позволяя вам создать свой собственный компонент путем преодоления SWIFT и Objective-С компонента могут реагировать родной компонент, который заменяет стандартный вид компонент и позволяет определить градиент следующим образом:
<LinearGradient
style={styles.gradient}
locations={[0, 1.0]}
colors={['#5ED2A0', '#339CB1']}
/>
Вы можете найти здесь руководство: http://browniefed.com/blog/2015/11/28/react-native-how-to-bridge-a-swift-view/
Здесь хороший выбор для градиенты для обеих платформ iOS и Android:
https://github.com/react-native-community/react-native-linear-gradient
Есть и другие подходы, такие как ЭКСПО, однако реагировать родной линейно-градиентная работали лучше для меня.