打开 react-native-sidebar onPress

Question

o/

我最近开始尝试使用 react-native 并制作了几个较小的测试应用程序。我的最新项目应该包括一个侧边栏菜单，我 react-native-sidebar。但我似乎无法弄清楚我应该如何打开侧边栏 - 遗憾的是他们的文档没有提供有关任何内容的太多信息。

代码：

renderLeftSidebar()
{
   return <Text>LEFT SIDE BAR CONTENT</Text>        
}

renderContent()
{
    return(<Button onPress={___OPEN__SIDEBAR___}><Text>Open Sidebar</Text></Button>)   
}

render() {
    return (
        <Sidebar leftSidebar         = { this.renderLeftSidebar() }
                 open                = 'left'
                 style               = {styles.leftSidebarContainer}>
            { this.renderContent() }
        </Sidebar>
    )
}

const styles = StyleSheet.create({

leftSidebarContainer:
{
    flex: 1,
},
});

因为我将侧边栏设置为打开 = 'left' 它一开始是打开的，但我该如何更改它 - 所以它只在我按下我的按钮时打开？

Answer 1

我自己想出来了，我不得不为侧边栏设置一个参考：

ref = {(c) => this._leftsidebar = c}

然后只需调用：

this._sidebar.open('left')

打开 react-native-sidebar onPress

Opening react-native-sidebar onPress

android

jsx

ios

reactjs

react-native