Знакомлюсь с react-native и столкнулся с такой проблемой: когда добавляю ScrollView и в него помещаю контент, то слетает стиль приложения. Как решить данный вопрос?
До того, как добавил ScrollView:
После добавления ScrollView:
function Weather({ temp, city, condition, daily, hourly }) {
return (
<LinearGradient
colors={weatherOptions[condition].gradient}
style={styles.container}
>
<StatusBar style="light" />
<ScrollView>
<View style={styles.topContainer}>
<MaterialCommunityIcons
name={weatherOptions[condition].iconName}
size={96}
color="#fff"
/>
<Text style={styles.text}>{city}</Text>
<Text style={styles.text}>{temp}℃</Text>
</View>
<View style={styles.bottomContainer}>
<WeatherDaily daily={daily} />
<WeatherHourly hourly={hourly} />
<DetailedDailyForecast />
</View>
</ScrollView>
</LinearGradient>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
},
text: {
fontSize: 28,
color: "white",
},
image: {
width: 100,
height: 100,
},
topContainer: {
flex: 1,
alignItems: "center",
justifyContent: "center",
},
bottomContainer: {
flex: 1,
},
});