React-Native - Scrollview, обрезка контента - PullRequest
0 голосов
/ 30 августа 2018

Я добавляю данные в представление прокрутки, полученные из ответа с сервера. Данные хранятся в переменных состояния. Проблема, с которой я сталкиваюсь, заключается в том, что после добавления изображений представление прокрутки обрезает мой контент до конца первого абзаца. Удаляя изображения, я остаюсь со всем моим текстовым содержимым, вписывающимся в представление прокрутки. Мой код выглядит следующим образом:

Код для прокрутки:

<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%",
},
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...