如何在原生反應中創建藥丸輸入字段？

我正在尋找一種方法來製作如下所示的「動態藥片」，但在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。獲得很多錯誤。這是一條好路徑嗎？或者你知道更簡單的嗎？也許在某個地方的教程？

謝謝！

來源

2017-08-10 Adremalin

它被稱爲徽章。
您可以使用UI工具包，如react-native-elements或者您可以在github庫存中查看此元素的代碼。使用'children'prop來傳遞TextInput。

來源

2017-08-10 17:26:55 mradziwon

1.如果用戶應該在符號中輸入自己的文本，名稱仍然是「徽章」？ 2）非常感謝鏈接！你的意思是我可以通過一個TextInput道具作爲孩子的徽章？（所以用戶可以輸入他們自己的文本。） – Adremalin

1.我認爲沒有輸入徽章的特殊名稱。 2.查看您可以傳遞給此[表]（https://react-native-training.github.io/react-native-elements/API/badge/#badge-props）中的徽章組件的可能道具。您可以將TextInput作爲兒童道具傳遞。 – mradziwon

如何在原生反應中創建藥丸輸入字段？

回答

相關問題