我面临的情况是我的组件不会呈现文本,除非它作为ListView的一部分呈现。例如。这个很棒:
<ListView
dataSource={this.state.dataSource}
renderRow={(rowData) =>
<View style={styles.buttonContainer}>
<Button
onPress={() => navigate('Team', { team: rowData })}
title={rowData.name}
/>
</View>
}
/>
但是这个不起作用,按钮不显示任何文本,好像它没有收到任何东西
<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)
放在render()上,以下内容显示在远程调试器控制台中:
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"
答案 0 :(得分:4)
请尝试删除这些括号,因为您不需要它们:
title='Sample Text'