1

我尝试在我使用NativeBase和react-native-router的项目中使用抽屉。一切正常，除了标题内的按钮不起作用（我无法点击这个特定按钮）。仅当我将 Main Page 包装在内部时才会发生此问题<Scene key="draw">，这是我的代码：

应用程序.js

<Scene key="draw" component={SideMenu} open={false} hideNavBar={true}>
  <Scene key='main' component={Home} hideNavBar={true}/>
</Scene>

主要标题

<Left>
 <Button transparent onPress={()=>Alert.alert("burger tapped")}>
  <Icon name='menu' />
 </Button>
</Left>

我的目的是当我点击按钮时，它会打开抽屉，但是当我执行上面示例的代码时，按钮根本不起作用。我怎样才能解决这个问题？

4

2 回答 2

0

NativeBase 通过其NativeBase-KitchenSink展示了这一点

这应该回答你的问题

于 2017-05-25T07:35:46.407 回答
0

常见的解决方法是将来自 nativebase 的 header 组件放入每个容器组件（屏幕）中。这种方法甚至在他们的 Ignite 样板中实现。

另一种方法是将自定义 NavBar 作为道具推送到场景组件。修改内置的 NavBar以使用 nativebase 组件而不是默认的：

import CustomNavBar from './CustomNavBar';
import Main from './Components/Main';

<Router>
  <Scene
   component={Main}
   key="main"
   type={ActionConst.RESET}
   navBar={CustomNavBar}
  />
</Router>

祝你好运！

于 2017-05-19T06:53:18.053 回答