如何使用标题NativeBase上的一个按钮使SearchBar居中

时间:2018-10-28 15:36:31

标签: css reactjs react-native native-base

使用nativebase尝试使用标题右侧的菜单按钮将搜索栏居中。代码如下:

    <Header>
        <Body>
            <Button style={styles.searchButton} onPress={() => this.onSearchPress()} >
            	<Text>Search Service</Text>
          	</Button>
        </Body>
        <Right>
            <Icon name='menu' style={styles.drawerIcon} onPress={()=> navigation.openDrawer()} />
        </Right>
    </Header>

如何以全宽定位中心?

1 个答案:

答案 0 :(得分:0)

    <Header>
      <Left/>
        <Body>
            <Button style={styles.searchButton} onPress={() => this.onSearchPress()} >
            	<Text>Search Service</Text>
          	</Button>
        </Body>
        <Right>
            <Icon name='menu' style={styles.drawerIcon} onPress={()=> navigation.openDrawer()} />
        </Right>
    </Header>