gpt4 book ai didi

react-native-navigation 抽屉没有打开

转载 作者:行者123 更新时间:2023-12-04 04:44:13 25 4
gpt4 key购买 nike

单击抽屉未打开的导航栏按钮。
这是我用于按下按钮的代码

if (event.type === 'NavBarButtonPress') {
if (event.id === 'sideDrawerToggle') {
this.props.navigator.toggleDrawer({
side: 'left',
animated: true,
});
}
}

这是抽屉设置
Navigation.startTabBasedApp({
tabs: [
{
label: 'Find Place',
screen: 'places.FindPlace',
title: 'Find Place',
icon: source[0],
navigatorButtons: {
leftButtons: [
{
icon : source[2],
title : 'Menu',
id: 'sideDrawerToggle'
}
]
}
},
{
label: 'Share Place',
screen: 'places.SharePlace',
title: 'Share Place',
icon: source[1],
navigatorButtons: {
leftButtons: [
{
icon: source[2],
title: 'Menu',
id: 'sideDrawerToggle'
}
]
}
}
],
drawer: {
left: {
screen: 'places.SideDrawer'
}
}
});

这就是我的抽屉的样子
    import React, {Component} from 'react';
import {View, Text, Dimensions} from 'react-native';


class SideDrawer extends Component {
render() {
return(
<View style={[
styles.container,
{width: Dimensions.get('window').width * 0.8}
]}>
<Text>Drawer</Text>
</View>
);
}
}

const styles = {
container: {
backgroundColor : 'white',
paddingTop: 22,
flex: 1
}
};


export default SideDrawer;

通过大量搜索,我发现为抽屉提供固定宽度可以解决问题。但在我的情况下它没有解决。我不知道代码有什么问题,它工作正常。

最佳答案

你可以简单地使用

this.props.navigation.openDrawer();

在你的屏幕上。

请从以下链接查看官方文档和示例

https://reactnavigation.org/docs/en/drawer-based-navigation.html

https://reactnavigation.org/blog/#drawer-routes-have-been-replaced-with-actions

关于react-native-navigation 抽屉没有打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48120336/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com