Реагировать на динамику высоты Native Flatlist - PullRequest
Новая
       53

Реагировать на динамику высоты Native Flatlist

0 голосов
/ 24 апреля 2020

Я использую реагировать нативно 0,59, для компоновки я использую нативную базу и реактив нативно-легкая сетка. Из-за разного размера мобильного устройства мне нужно выставить динамическую высоту flatlist c. он начинается почти посередине экрана, и я хотел бы показать его до строки нижнего колонтитула.

вот мой код 

<Container>
<ImageBackground source={require(imagePath+"bg-default.png")}
                                 style={{width: screenWidth, height: screenHeight, resizeMode: 'cover'}} >

    <Content scrollEnabled={false}>

        <Grid>
            <Row style={{ height: screenHeight*0.36, alignItems:'center',justifyContent:'center' }}>
                <Image style={styles.iconImage} source={{ uri: this.state.image_url.displayImage}}/>

            </Row>

            <Row style={{ backgroundColor: "#1a0568", height:screenHeight*0.058, textAlignVertical: 'center', alignItems: 'center'}}>
                <Text style={styles.titleStyle}>{"Information list"}</Text>            
            </Row>

            <Row style={{ backgroundColor: 'none',height:screenHeight*0.38}}>
                <FlatList
                    style={[styles.listContainer]}
                    data={this.state.informationList}
                    keyExtractor={this._keyExtractor}
                    renderItem={this._renderItem}
                />
            </Row>

        </Grid>
    </Content>
</ImageBackground>
</Container>

Как вы можете видеть, я установил высоту плоского списка screenHeight * 0.38, поэтому на некоторых мобильных телефонах он идеален, но на некоторых мобильных телефонах есть свободное место. (См. Прикрепленное изображение) Я попытался сделать его динамичным c на другом примере, чтобы заполнить оставшееся пространство, например Как установить атрибуцию стиля, чтобы заполнить оставшееся пространство? (хотя мне нужно заполнить до строки нижнего колонтитула), этот пример хорошо работает с обычным компонентом, но не с плоским списком. Flatlist больше не прокручивает. Потому что он загружает все строки, которые выходят за пределы экрана. Как правильно установить динамику c высота с плоским списком?

Picture Attached

...