在天然碱基的多个输入

Question

我有一个项目在本地做出反应，并使用“天然基地”。我想有这样的输入

任何人都可以帮忙吗？

Answer 1

那么这就是可能的NativeBase，只是给你选择的宽度Item

在这个屏幕截图中提到的输入与每个输入给定的宽度值

Answer 2

可能这对你的要求有帮助

import React, { Component } from "react";
import { Container, Header, Content, Item, Input } from "native-base";
export default class RoundedTextboxExample extends Component {
render() {
return (
  <Container>
    <Header />
    <Content
      contentContainerStyle={{
        flexDirection: "row",
        justifyContent: "space-between",
        marginTop: 20,
        borderColor: "black",
        borderWidth: 3,
        margin: 2,
        padding: 20
      }}
    >
      <Item rounded style={{ width: "23%", borderColor: "red" }}>
        <Input placeholder="Rounded" />
      </Item>
      <Item rounded style={{ width: "23%" }}>
        <Input placeholder="Rounded" />
      </Item>
      <Item rounded style={{ width: "23%" }}>
        <Input placeholder="Rounded" />
      </Item>
      <Item rounded style={{ width: "23%" }}>
        <Input placeholder="Rounded" />
      </Item>
    </Content>
  </Container>
);
}
}

Answer 3

如果您使用比本土基地其他别的东西很舒服，去react-native-code-input