2017-08-10 34 views
1

我正在寻找一种方法来制作如下所示的“动态药片”,但在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中,但是将反应语法改为RN。获得很多错误。这是一条好路径吗?或者你知道更简单的吗?也许在某个地方的教程?

谢谢!

回答

0
  1. 它被称为徽章。
  2. 您可以使用UI工具包,如react-native-elements或者您可以在github库存中查看此元素的代码。使用'children'prop来传递TextInput。
+0

1.如果用户应该在符号中输入自己的文本,名称仍然是“徽章”? 2)非常感谢链接!你的意思是我可以通过一个TextInput道具作为孩子的徽章? (所以用户可以输入他们自己的文本。) – Adremalin

+0

1.我认为没有输入徽章的特殊名称。 2.查看您可以传递给此[表](https://react-native-training.github.io/react-native-elements/API/badge/#badge-props)中的徽章组件的可能道具。您可以将TextInput作为儿童道具传递。 – mradziwon

相关问题