javascript - 如何在 React Native 中创建药丸输入字段？

Question

我正在寻找一种方法来制作如下所示的“动态药丸”，但在 React Native 和 Redux 中。 https://codepen.io/silkine/pen/pPxJOX

   <div id="container"></div>
    <div class="tim">this codepen is dedicated to
     <a href="https://twitter.com/twholman">@twholman</a> 
    </div>

1) 有谁知道它们叫什么以便用谷歌搜索教程更容易吗？

2) 我正在尝试使用 gulp 转换 css 并将 JS 复制粘贴到 RN 中，但将 react 语法更改为 RN。得到很多错误。这是一条好路吗？或者你知道更简单的吗？也许某个地方有教程？

谢谢!

Answer 1

1. 它叫做徽章。
2. 你可以像react-native-elements一样使用UI Kit或者您可以在 github 中查看此元素的代码 repo 。使用 'children' 属性传递 TextInput。