如何检查底部页是否打开或关闭

Question

这是我的代码：

if(refRBSheet.current?.open()){
refRBSheet.current.close();
}

在我的React Native应用程序中，我正在实现"React Native原始底层"。我想检查RBSheet是否打开，如果是，我想关闭它。上面的代码打开的是RBSheet，而不是关闭。

Answer 1

如库文档中所述，它支持onOpen和onClose事件函数。使用它们可以保存底部图纸的打开/关闭状态。

import React, { useState, useRef } from 'react';
import { StyleSheet, SafeAreaView, View, Button } from 'react-native';
import RBSheet from 'react-native-raw-bottom-sheet';
const App = () => {
const [open, setOpen] = useState(false);
const refRBSheet = useRef();
const onPress = () => {
if (!open) {
refRBSheet.current.open();
} else {
refRBSheet.current.close();
}
};
return (
<SafeAreaView>
<View>
<Button title="Open" onPress={onPress} />
</View>
<RBSheet
ref={refRBSheet}
onOpen={() => setOpen(true)}
onClose={() => setOpen(false)}
// .....
>
<Button title="Close" onPress={onPress} />
</RBSheet>
</SafeAreaView>
);
};