ネイティブベースのネイティブベースから引き出しを実装する

ネイティブベースの引き出しを使用して、アンドロイドios et androidのネイティブアプリを反応させる必要があります。はここでネイティブベースhttp://nativebase.io/docs/v2.0.0/components#drawerのため、あなたは私のコードを見つけることができます以下のリンクされていますネイティブベースのネイティブベースから引き出しを実装する

import { Container, Header, Title, Content, Button, Icon, Left, Body, Text } from 'native-base'; 
import { Drawer } from 'native-base';  
import SideBar from '../components/SideBar'; 
class App extends Component { 
     closeDrawer =() => { 
     this._drawer._root.close(); 
    } 
    openDrawer =() => { 
     alert('open'); 
     this._drawer._root.open(); 
    } 
    render() { 
     return (
      <Container> 
       <Header style={{ backgroundColor: '#C0C0C0' }}> 
        <Left> 
         <Button transparent onPress={this.openDrawer.bind(this)}> 
          <Icon style={style.icon} name='menu' /> 
         </Button>  
        </Left> 
        <Body style={style.body}> 
        <Title style={{ color: '#FFF'}}> title </Title> 
        </Body> 
       </Header> 
       <Content> 
        <Drawer 
        ref={(ref) => { this._drawer = ref; }} 
        content={<SideBar />} > 
        </Drawer> 
       </Content> 

      </Container> 
     ); 
    }

alertメソッドオープン引き出しの中には、正常に動作しているので、私はそれがボタンに問題がないことを知っています。

出典

2017-03-17 user3521011

私はあなたの自作のサイドバーコンポーネントに、そう

また

render() { 
    return (
     <Drawer 
     ref={(ref) => { this._drawer = ref; }} 
     content={<SideBar />} > 
     <Container> 
      <Header style={{ backgroundColor: '#C0C0C0' }}> 
       <Left> 
        <Button transparent onPress={this.openDrawer.bind(this)}> 
         <Icon style={style.icon} name='menu' /> 
        </Button>  
       </Left> 
       <Body style={style.body}> 
       <Title style={{ color: '#FFF'}}> title </Title> 
       </Body> 
      </Header> 
      <Content> 
       // Your other content here 
      </Content> 
     </Container> 
     </Drawer> 
    ); 
}

のように、引き出しの中にすべてのものをラップしたいと考えている - それはのbackgroundColorを持っていることを確認してください。 #F0F0F0のようなものに設定してください。

出典

2017-03-17 11:30:45 cssko

こんにちは、私はそれをしましたが、それは私の問題を解決していません..任意のアイデア？ – user3521011

サイドバーと試した内容を含めるように質問を編集してください。 – cssko

ネイティブベースのネイティブベースから引き出しを実装する

答えて

関連する問題