React Native 中 FlatList 内的 SlidingUpPanel 按钮

Question

我正在为 SlidingUpPanel 和 FlatList 苦苦挣扎。 我想做的是： 包含 with

的 FlatList

1. 对象 1
2. 对象 2
3. 目标 3

如果我按每个对象 1or2or3，我想弹出 SlidingUpPanel。

我设计的：

<SafeareaView>
    <View style={myStyle}>
        <SlidingUpPanel>
            ref={c => (_panel = c)}
            ...
        </SlidingUpPanel>
    </View>
    <FlatList>
        <TouchableOpacity onPress={() => _panel.show(height);}>
            ...
        </TouchableOpacity>
    </FlatList>
</SafeAreaView>

但是还是不行，我折腾了半天
实际上，我不确定 FlatList 中的“onPress _panel.show”是否可以指向 SlidingUpPanel 中的“_panel”。

我错过了什么吗？是否有 SlidingUpPanel 和 FlatList 的任何建议或示例？ 感谢您的帮助。

Answer 1

注意：可能存在此处所写的问题Not Show View, when have scollview or flatlist inside and ScrollView insides the panel - Not work

<SafeareaView>
    <View style={myStyle}>
       <SlidingUpPanel>
         ref={c => (_panel = c)}
            ...
         <View style={{ height: 236 }}> 
            <FlatList
              data={this.state.locations} 
              renderItem={({ item }) => (
               <TouchableOpacity onPress={() => _panel.show(height);}>
                   ...
               </TouchableOpacity>
              )} 
              keyExtractor={item => item.id.toString()} 
            />
         </View>
      </SlidingUpPanel>
    </View>
</SafeAreaView>

将 ScrollView 或 FlatList 包裹在另一个 View 中，并为该 View 赋予高度。像这样