React Nativeで文字列を小道具として渡す方法

Question

ListViewの一部としてレンダリングされない限り、コンポーネントがテキストをレンダリングしない状況に直面しています。例えば。この1つは素晴らしい作品：それは何も受け取っていないかのように

が

<ListView 
    dataSource={this.state.dataSource} 
    renderRow={(rowData) => 
    <View style={styles.buttonContainer}> 
     <Button 
     onPress={() => navigate('Team', { team: rowData })} 
     title={rowData.name} 
     /> 
    </View> 
    } 
/> 

しかし、動作しません。この1つは、ボタンは任意のテキストを表示しません

<View style={styles.container}> 
    <View style={styles.buttonContainer}> 
    <Button 
     onPress={() => navigate('Team')} 
     title={'Sample Text'} 
    /> 
    </View> 
</View> 

マイButtonコンポーネントのリターンは次のようになります。

return (
    <TouchableOpacity onPress={onPress} style={buttonStyle}> 
    <Text style={textStyle}> 
     {this.props.title} 
    </Text> 
    </TouchableOpacity> 
) 

私はレンダリング（）にconsole.log(this.props.title)を入れて、以下では、リモートデバッガコンソールに表示：
undefined "Sample Text" package.jsonで

依存

"react": "16.0.0-alpha.6", "react-native": "^0.43.4", "react-navigation": "git+https://github.com/react-community/react-navigation.git"

Answer 1

あなたがそれらを必要としないため、これらのブラケットを削除してください： title='Sample Text'