

あるアプリをReact NativeとNative Baseを用いて開発しようとしており、  
以下のような空欄補充問題を実装したいと考えています。

[![I want to implement questions like
this.](https://i.stack.imgur.com/LO41v.png)](https://i.stack.imgur.com/LO41v.png)

そこで、下記のようにReact NativeのTextinputコンポーネントやNative
BaseのInputコンポーネントをTextコンポーネントの中で用いようとしましたが、Androidでテストしたところ上手くいきませんでした。  
具体的には、インプット部分にあたるところが表示されず、タップしても入力画面になりません。

どのようにすればこういったことが実現できるかご存知の方がいれば、ご回答よろしくお願いします。

[code]

    <View>
      <Text>
        <TextInput width={40}></TextInput>
        <Text>is a knowledge community in which we can ask programming questions and we can answer others’ programming questions.</Text>
      </Text>
    </View>
    
    <View>
      <Text>
        <Input width={40}></Input>
        <Text>is a knowledge community in which we can ask programming questions and we can answer others’ programming questions.</Text>
      </Text>
    </View>
    
[/code]

[![There is no input part in the rendered
sentence.](https://i.stack.imgur.com/RDz7a.jpg)](https://i.stack.imgur.com/RDz7a.jpg)


CC BY-SA 3.0
2018-01-25T06:45:06.020
41199
2018-01-29T08:35:10.583
2018-01-29T08:35:10.583
27142
27142
question
react-native
React NativeのTextinputやNative BaseのInputコンポーネントをTextコンポーネントの中で使いたい