react-native踩坑之行（一）

1.android textinput placeholder 多行文本垂直居中顯示，而ios左上對齊。

添加屬性：textAlignVertical='top'（在這裏吐槽一下百度，搜了一百篇文章沒一篇管用的，仍是google大法好）
複製代碼

2.textinput android和ios樣式不一致 ios完美 Android出現下劃線等

添加style ： padding ：0
添加屬性 ： underlineColorAndroid = 'transparent'
（官方文檔給出的解決方案 因此 看文檔仍是得仔細）
複製代碼

3.textInput ios鍵盤坑

添加屬性 ： keyboardType = { 'numeric' } 千萬注意字符串外部有大括號纔好使～～簡直神坑
複製代碼

4:android默認滑動樣式的變化

理由：對於react-navigation來講，iOS的默認樣式是左右滑動，可是Android這個深坑是上下滑動，
    當切換的navigation-header顏色由淺色切換到深色時，會在切換前出現黑色陰影～
網上搜了超多代碼，解決方法很一致，惋惜沒找到所須要的源碼。無奈，只能本身看源碼寫了。
複製代碼

首先引入源碼的文件。接下來就是根據源碼修改爲咱們須要的滑動方式，我把Android的修改爲和ios同樣的，有其餘須要的同窗們能夠自行根據源碼修改滑動樣式。
複製代碼

代碼不易～且行且珍惜～
複製代碼

5 ： 傳參和參數回傳

傳參對於navigation特別好傳，跳轉時帶參數，下一個頁面在生命週期函數裏面直接獲取參數便可。這幾天在網上發現一個大哥寫的很好的一個方法，借來分享一下。
    https://blog.csdn.net/yqxllwy/article/details/78221700
。。連接在此，請自行翻閱。這個方法只能返回靜態數據，感受很好，變換的數據仍是經過navigation傳吧～其次是參數回傳，callback真的很好用～
代碼格式：

app.js 		 
    navigate('one',{
        callback  : (backdata) => {  ...  }
    })
    
one.js 		
    const {state,goBack,navigate} = this.props.navigation
    state.params.callback('回傳參數')；
goBack();

這樣app就會從新渲染數據了。
複製代碼

最近還在跳其餘坑～後續分享～