react-native - Flatlist 不在绝对 View 内滚动？

Question

平面列表不在绝对 View 内滚动这里是我的代码，但如果我删除绝对它工作正常

<View style={{ flex: 1, marginTop: 8 }}>
        <Input ref={input => {
          this.input = input;
        }}
          onFocus={() => {
            this.setState({ showPicker: true })
          }}
          onEndEditing={() => {
            this.setState({ showPicker: false })
          }}>
        </Input>
        <View style={{ position: "relative", zIndex: 9999, margin: 8 }}>
          {
            this.state.showPicker ?
              <View style={{position:"absolute",width:"100%", backgroundColor: "white" }}>

                  <FlatList

                    data={["A", "B", "C", "D", "E", "F", "G", "H", "A", "B", "C", "D", "E", "F", "G", "H"]}
                    showsVerticalScrollIndicator={false}
                    renderItem={({ item }) =>
                    <TouchableWithoutFeedback>
                      <View>
                        <View style={{ width: "100%", height: 50 }}>
                          <Text style={{ height: "100%", width: "100%" }}>{item}</Text>
                        </View>
                        <Divider />
                      </View>
                      </TouchableWithoutFeedback>
                    }
                    keyExtractor={item => item}
                  />

                </View> : null
            }
          </View>        
      </View>

Answer 1

我遇到了同样的问题，并通过在绝对 View 和具有高度的 FlatList 之间添加一个 View 来解决。
设置 contentContainerStyle到 FlatList 没有用。

前任。

<View style={{position: 'absolute', top: 0, bottom: 0, etc..}}>
  <View style={{height: 300}}>
    <FlatList
      {...props}
    />
  </View>
</View>