• 學(xué)習(xí)本系列內(nèi)容需要具備一定 HTML 開發(fā)基礎(chǔ)，沒有基礎(chǔ)的朋友可以先轉(zhuǎn)至 HTML快速入門(一) 學(xué)習(xí)

  • 本人接觸 React Native 時間并不是特別長，所以對其中的內(nèi)容和性質(zhì)了解可能會有所偏差，在學(xué)習(xí)中如果有錯會及時修改內(nèi)容，也歡迎萬能的朋友們批評指出，謝謝

  • 文章第一版出自簡書，如果出現(xiàn)圖片或頁面顯示問題，煩請轉(zhuǎn)至 簡書 查看 也希望喜歡的朋友可以點(diǎn)贊，謝謝

View 中的觸摸屬性 與 Touchable 的對比

  • 學(xué)完之前的內(nèi)容后，是不是有個疑問 —— 界面我們是搭建出來了，那為什么不會對用戶的點(diǎn)擊、觸摸、拖拽做出反應(yīng)？這篇就結(jié)合前面的內(nèi)容加上小案例來解答疑惑
  • 其實(shí)在 React Native 中，想實(shí)現(xiàn)手勢監(jiān)聽很簡單，有兩種方式
    • 標(biāo)簽中有許多 on 開頭的屬性可以供我們使用，但是在不同標(biāo)簽上有的屬性是不能做出相應(yīng)的響應(yīng)的，比如下面的例子,同樣的屬性，在View上不可使用，在Text上就可以


    var textInputTest = React.createClass({
        render(){ return(
                <View style={styles.container}>
                    {/* 實(shí)例化一個View */}
                    <View style={styles.testViewStyle} onPressIn={() => {alert('點(diǎn)擊')}}>
                    </View>
                    {/* 實(shí)例化一個Text */}
                    <Text style={styles.testTextStyle} onPress={() => {alert('點(diǎn)擊')}}></Text>
                </View>
            );
        }
    }); var styles = StyleSheet.create({
        container: {
            flex:1,
            backgroundColor:'gray' },

        testViewStyle: { // 設(shè)置尺寸 width:width,
            height:40,
            marginTop:20, // 設(shè)置背景顏色 backgroundColor:
        
		
    
        		
    網(wǎng)友評論