React Native Nativebase如何使选择器向右浮动

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

我有一个向下箭头,我想使右侧浮动。

<Form>
                    <Item inlineLabel>
                        <Label>Name *</Label>
                        <Input
                            autoFocus
                            type="text"
                            onChangeText={text => this.setState({ name: text })}
                            value={this._replaceSpace(this.state.name)}
                            placeholderTextColor="#BFC6EA"
                            placeholder='Grilled Chicken'
                            style={{ textAlign: 'right', marginRight: 10 }}
                        />
                    </Item>
                    <Item inlineLabel>
                        <Label>Serving Per Container *</Label>

                            <Picker
                                mode="dropdown"
                                iosHeader="Select your SIM"
                                iosIcon={<Icon name="arrow-down" style={{}} />}
                                style={{ width: undefined }}
                                selectedValue={this.state.selected}
                                onValueChange={this.onValueChange.bind(this)}
                            >
                                <Picker.Item label="Wallet" value="key0" />
                                <Picker.Item label="ATM Card" value="key1" />
                                <Picker.Item label="Debit Card" value="key2" />
                                <Picker.Item label="Credit Card" value="key3" />
                                <Picker.Item label="Net Banking" value="key4" />
                            </Picker>

                    </Item>
                </Form>

Image code

css react-native flexbox native-base
1个回答
0
投票

如果有人遇到此问题。 flex: 1到标签组件。

© www.soinside.com 2019 - 2024. All rights reserved.