React Native 之Text組件的點(diǎn)擊

如何監(jiān)聽(tīng)Text組件的點(diǎn)擊事件?
用TouchableOpacity包裝起來(lái)即可

export default class Test1 extends Component {
    state={      //狀態(tài)機(jī),當(dāng)裏面的值改變的時(shí)候會(huì)重新運(yùn)行render()函數(shù),也就是相當(dāng)於ios開(kāi)發(fā)中的刷新UI介面了
        title:'默認(rèn)值'
    }
    render() {
        return (
            <View style={styles.container}>
                <TouchableOpacity activeOpacity={0.5}
                                  onPress={()=>this.click('點(diǎn)擊')}//此處必須加()=>因?yàn)槭腔卣{(diào)
                                  onPressIn={()=>this.click('按下')}
                                  onPressOut={()=>this.click('抬起')}
                                  onLongPress={()=>this.click('長(zhǎng)按')}
                >
                    <View>
                        <Text>{this.state.title}</Text>
                    </View>
                </TouchableOpacity>
            </View>
        );
    }
    click(event){
        this.setState({
            title:event
        })

    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#F5FCFF',
    }
});
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 勇利的運(yùn)氣糟透了。 他覺(jué)得只有這個(gè)原因可以解釋到底為什麼這種事情會(huì)發(fā)生在他身上。 他並不覺(jué)得自己是個(gè)沒(méi)禮貌的人,但...
    AmandaHuang閱讀 1,061評(píng)論 0 2
  • BGM:點(diǎn)我(來(lái)自空之境界第一章OST) 嘩啦。 綿延不斷的流水聲。 這是一個(gè)看似地下洞窟的場(chǎng)所,石壁上都掛著火把...
    梓夜azuya閱讀 741評(píng)論 0 2
  • [りつまお]Deluminator 分級(jí):15 摘要:凜月和真緒都有一個(gè)滅燈器,他們的滅燈器就是彼此。 警告:りつ...
    karen牌牛奶閱讀 1,160評(píng)論 1 3
  • 我的android異常系列會(huì)持續(xù)更新下去,其中都是工作學(xué)習(xí)過(guò)程中遇到的異常問(wèn)題,列表如下: 我的android異常...
    android_cyw閱讀 523評(píng)論 0 0
  • 其實(shí)每個(gè)人的記憶里都有那么一個(gè)人吧,他霸占了你的青春,你們之間發(fā)生過(guò)太多故事,可是到最后你們又不得不分開(kāi)。 其實(shí)我...
    不愛(ài)說(shuō)話的海豚閱讀 371評(píng)論 0 1

友情鏈接更多精彩內(nèi)容