1 回答

TA貢獻1815條經驗 獲得超6個贊
您可以簡單地擁有另一個狀態變量或使用任何條件并設置文本值所需的樣式。在這里,我使用了 styleToggle 并完成了它。
如您所見
<Text style={styleToggle? styles.bodyText:styles.bodyTextAft} numberOfLines={5}>
決定要使用的樣式。
您可以在下面查看完整代碼。
const [styleToggle,setStyleToggle]=useState(true);
const onPressTitle = () => {
if (titleText == 'First Text' && bodyText == 'Second Text!') {
setTitleText('First Text After');
setBodyText('Second Text After!');
}
else if (titleText == 'First Text After' && bodyText == 'Second Text After!') {
setTitleText('Second Text');
setBodyText('Second Text!');
}
setStyleToggle(!styleToggle);
}
return (
<View style={styles.container}>
<Text style={styles.baseText} onPress={this._onPressButton}>
{/* <TouchableHighlight {...touchProps}> */}
<Text style={styleToggle? styles.titleText:styles.titleTextAft}>
{titleText}{'\n'}{'\n'}</Text>
{/* </TouchableHighlight> */}
<Text style={styleToggle? styles.bodyText:styles.bodyTextAft} numberOfLines={5}>
{bodyText}{'\n'}{'\n'}
</Text>
</Text>
<View >
<TouchableOpacity
onPress={onPressTitle}>
<Text style={styles.pressMe}>Press Me!</Text>
</TouchableOpacity>
</View>
</View>
);
添加回答
舉報