а также не выровнены в native-базе, React Native - PullRequest
0 голосов
/ 21 апреля 2020

Я хочу поместить однострочный ввод и многострочный ввод в форму, используя native-base, но они неправильно выровнены по вертикальной линии. Есть ли что-то, чего мне не хватает или их нельзя использовать вместе? Спасибо.

часть пакета. json

    "expo": "~37.0.3",
    "native-base": "2.13.8",
    "react": "~16.9.0",
    "react-dom": "~16.9.0",
    "react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",

Мой код

      <Content padder>
        <Form>
          <Item regular floatingLabel>
            <Label style={{paddingTop: 2}}>Label</Label>
            <Input onChangeText={url => setUrl(url)}/>
          </Item>
          <Textarea
            rowSpan={5}
            onChangeText={content => setContent(content)}
            bordered
            placeholder="this is textarea"
          />
        </Form>
      </Content>

screenshot of simulator

======== отредактировано

Я нашел ответ, просто заменив плавающую метку на обычную. Однако заполнитель по-прежнему не выровнен.

          <Item regular>
            <Label>URL</Label>
            <Input onChangeText={url => setUrl(url)}/>
          </Item>

enter image description here

1 Ответ

0 голосов
/ 21 апреля 2020

Вы должны установить отступы в стиле вашего текстового поля.

<Textarea style={{paddingLeft: over9000}} ... />

...