React native 本机base中的多个输入

我在react native中有一个项目，并使用“native base”。我想要这样的输入

---

有人能帮忙吗？

在NativeBase中，这是可能的，只需为

项提供您选择的宽度

此屏幕截图中提到的输入是每个输入的宽度值

---

可能对您的需求有所帮助

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>
);
}
}

import React，{Component}来自“React”；
从“本机基”导入{容器、头、内容、项、输入}；
导出默认类RoundedTextBox示例扩展组件{
render（）{
返回(
);
}
}

---

要实现这一目标，您面临的问题是什么？@SupriyaKalghatgi银行卡号！你说“我想要像这样的输入：，那么当你尝试编码这个时，你遇到了什么问题？