如何使用NativeBase Header組件與react-native-router-flux？

Question

我嘗試在我的項目中使用抽屜，我在其中使用NativeBase和react-native-router 。 一切正常，除了標題內的按鈕不起作用（我無法點擊這個按鈕）。 只有當我將主頁包裝在<Scene key="draw">才會出現此問題，這是我的代碼：

App.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>

我的目的是當我點擊按鈕時，它將打開抽屜，但當我按照上面的例子執行代碼時按鈕根本不起作用。 我怎樣才能解決這個問題？

Answer 1

常見的解決方法是將頭組件從nativebase放入每個容器組件（屏幕）。 這種方法甚至實現了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>

祝好運！

Answer 2

NativeBase使用NativeBase-KitchenSink展示了這一點

這應該回答你的問題