Я добавляю данные в представление прокрутки, полученные из ответа с сервера. Данные хранятся в переменных состояния. Проблема, с которой я сталкиваюсь, заключается в том, что после добавления изображений представление прокрутки обрезает мой контент до конца первого абзаца. Удаляя изображения, я остаюсь со всем моим текстовым содержимым, вписывающимся в представление прокрутки. Мой код выглядит следующим образом:
Код для прокрутки:
<ScrollView style={homeScreenStyle.container}>
<Text allowFontScaling={false} style={homeScreenStyle.nameText}>{this.state.nameText}</Text>
{/* <Text allowFontScaling={false} style={homeScreenStyle.memType}>{this.state.memType}</Text> */}
<Text allowFontScaling={false} style={homeScreenStyle.memHome}>{this.state.HomePageArr[0]}</Text>
<Image resizeMode="contain" style={homeScreenStyle.ToyLibImage} source={{uri: this.state.image1}}></Image>
<Text allowFontScaling={false} style={homeScreenStyle.memHome}>{this.state.HomePageArr[2]}</Text>
<Image resizeMode="contain" style={homeScreenStyle.ToyLibImage} source={{uri: this.state.image2}}></Image>
<Text allowFontScaling={false} style={homeScreenStyle.memHome}>{this.state.HomePageArr[3]}</Text>
<Image resizeMode="contain" style={homeScreenStyle.ToyLibImage} source={{uri: this.state.image3}}></Image>
<Text allowFontScaling={false} style={homeScreenStyle.memHome}>{this.state.HomePageArr[4]}</Text>
<Text allowFontScaling={false} style={homeScreenStyle.memHome}>{this.state.HomePageArr[5]}</Text>
<Text allowFontScaling={false} style={homeScreenStyle.memHome}>{this.state.HomePageArr[6]}</Text>
<Text allowFontScaling={false} style={homeScreenStyle.memHome}>{this.state.HomePageArr[7]}</Text>
</ScrollView>
Стиль для Scrollview:
container: {
position: "absolute",
top: "25.5%",
left: "3%",
width: "94%",
height: "60%",
backgroundColor: "rgba(0,0,0,1)",
borderRadius:20,
},
Стиль для элементов текста:
nameText: {
fontSize: 45,
color: "white",
textAlign: "center",
},
memHome: {
fontSize: 20,
color: "white",
textAlign: "center",
position: "relative",
left: "5%",
width: "90%",
},
Стиль для элементов изображения:
ToyLibImage: {
position: "relative",
left: "5%",
width: "90%",
height: "40%",
},