我用gorhom/react-native-bottom-sheet我面临的问题:我有一个FlatList内的BottomSheet,我能够滚动在FlaLlist在ios上,但它不是在android上工作。
gorhom/react-native-bottom-sheet
FlatList
BottomSheet
FlaLlist
mqkwyuun1#
经过大量的研究,我能够通过使用BottomSheetFlatList而不是来自同一个包的FlatList来解决这个问题。
BottomSheetFlatList
import { BottomSheetFlatList } from "@gorhom/bottom-sheet"; <BottomSheetFlatList ref={ref} initialNumToRender={3} keyExtractor={(item) => item?.id} showsVerticalScrollIndicator={false} maxToRenderPerBatch={3} windowSize={7} data={dat} renderItem={renderItem} />
字符串通过这样做,它也开始在Android上运行良好。但我也希望我的Flatlist在特定事件上使用ref自动滚动。经过一些研究和由于@gorhom/bottom-sheet的伟大文档。我在文档的故障排除部分找到了解决方案。但作为一名开发人员,StackOverflow是我们解决每个问题的首选。所以我决定把答案贴在这里。
Flatlist
@gorhom/bottom-sheet
StackOverflow
回复
由于使用TapGestureHandler & PanGestureHandler Package 了内容和句柄,因此任何手势交互都无法按预期运行。要解决此问题,请使用react-native-gesture-handler provide中的ScrollView & FlatList,而不是react-native。
import { ScrollView, FlatList } from 'react-native-gesture-handler';
型在这里找到原始答案-https://gorhom.github.io/react-native-bottom-sheet/troubleshooting
mwngjboj2#
使用raw-bottom-sheet raw-bottom-sheet并将“dragFromTopOnly”设置为true,可以执行任何触摸操作,我将在下面提到示例:
<RBSheet ref={refRBSheet} dragFromTopOnly={true} customStyles={{ wrapper: { backgroundColor: "transparent" }, draggableIcon: { backgroundColor: "#000" } }} >`
字符串
qacovj5a3#
我也遇到了同样的问题,这就是我如何解决这个问题。从代码中删除此导入
import { ScrollView, FlatList } from 'react-native';
字符串添加此代码或使用此导入
型
3条答案
按热度按时间mqkwyuun1#
经过大量的研究,我能够通过使用
BottomSheetFlatList
而不是来自同一个包的FlatList
来解决这个问题。字符串
通过这样做,它也开始在Android上运行良好。
但我也希望我的
Flatlist
在特定事件上使用ref自动滚动。经过一些研究和由于
@gorhom/bottom-sheet
的伟大文档。我在文档的故障排除部分找到了解决方案。但作为一名开发人员,
StackOverflow
是我们解决每个问题的首选。所以我决定把答案贴在这里。回复
由于使用TapGestureHandler & PanGestureHandler Package 了内容和句柄,因此任何手势交互都无法按预期运行。
要解决此问题,请使用react-native-gesture-handler provide中的ScrollView & FlatList,而不是react-native。
型
在这里找到原始答案-https://gorhom.github.io/react-native-bottom-sheet/troubleshooting
mwngjboj2#
使用raw-bottom-sheet raw-bottom-sheet并将“dragFromTopOnly”设置为true,可以执行任何触摸操作,我将在下面提到示例:
字符串
qacovj5a3#
我也遇到了同样的问题,这就是我如何解决这个问题。
从代码中删除此导入
字符串
添加此代码或使用此导入
型