我目前正在开发一个 React Native 项目。我需要在 Instagram 上实现类似于“向下滑动关闭模态”的功能
问问题
6186 次
1 回答
4
我相信您正在使用@react-native-community/react-native-modal包。在库文档中,您可以看到有一个名为swipeDirection的属性,它可以是字符串或数组,可以是以下一个或多个选项;“上”、“下”、“左”或“右”。
您还可以使用swipeThreshold属性设置完成滑动操作所需的阈值。根据图书馆文档,默认值为 100。
这是模态的示例;
import React from 'react';
import {View, Text} from 'react-native;
import Modal from 'react-native-modal';
const ModalComponent = props => {
const [isVisible, setIsVisible] = useState(true);
return (
<Modal isVisible={isVisible}
swipeDirection="down"
//swipeDirection={["up", "down", "left", "right"]}
onSwipeComplete={(e) => { setIsVisible(false); })
style={{ justifyContent: 'flex-end', margin: 0, }} >
<View style={{ backgroundColor: 'steelblue' }}>
<Text>Hello Modal</Text>
</View>
</Modal>
);
};
export {ModalComponent};
于 2020-03-12T05:43:47.730 回答