Как может вложенный ScrollView увеличить до 100% его высоты в React Native? - PullRequest
Новая
       27

Как может вложенный ScrollView увеличить до 100% его высоты в React Native?

0 голосов
/ 23 октября 2019

У меня есть основной ScrollView для профиля пользователя, а затем в этом ScrolllView я вызываю компонент, который также является ScrollView с той же вертикальной ориентацией.

Я ищу, чтобы развернуть вложенный компонент, чтобы еговысота составляет 100% содержимого в нем. В настоящее время высота, по-видимому, равна высоте экрана, а содержимое на нем выглядит намного длиннее.

Код, который у меня сейчас есть, выглядит следующим образом: 

<ScrollView style={{ flex: 1 }} contentContainerStyle={{ marginTop: HEADER_MAX_HEIGHT, paddingBottom: HEADER_MAX_HEIGHT * 1.5 }}>   

     ...irrelevant code here

     {showSub && <Sub uid={uid} /> }

</ScrollView>

ГдеSub в широком смысле определяется так: я удалил из этого примера некоторый ненужный код: 

<ScrollView style={{ flex: 1 }}
            contentContainerStyle={{ marginTop: 0, paddingBottom: 0 }}
            scrollEventThrottle={2}
            onScroll={this.onScroll} 
            refreshControl={<RefreshControl refreshing={refreshing} onRefresh={this.onRefresh} />}
      > 

      ...irrelevant code here

            <View>
                    {categories && Object.keys(categories).map((category, catIndex) => {
                        let currentCategory = categories[category]
                        let collections = currentCategory['data']
                        let categoryName = currentCategory['categoryName']

                        return (
                            <View key={category}>
                                <TouchableOpacity style={{ flex: 1 }} onPress={() => this.props.navigation.navigate('Category', { category })}>
                         <Text style={{ flex: 1, fontSize: 28, fontWeight: 'bold', marginTop: 15, marginLeft: generalPadding }}>
                               {categoryName}
                         </Text>
                   </TouchableOpacity>
            </View>)}
                </View>
            </ScrollView>

Я пробовал height: "100%" для ScrollView, но он не достиг желаемой высоты.

1 Ответ

0 голосов
/ 23 октября 2019

Welp, я смог решить эту проблему, обернув содержимое в View с высотой 100%.

...