如何在标题NativeBase上使用一个按钮居中搜索栏

问题描述 投票:0回答:1

尝试使用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>

如何定位全宽中心?

css reactjs react-native native-base
1个回答
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>
© www.soinside.com 2019 - 2024. All rights reserved.