react native 入坑集錦

lufficc 發布于2019-08-26 10:13 / 2302人閱讀

摘要：使用解構方法操作一個深層的對象，再可能不會觸發以及模擬器和真機調試都正常，只有打包發布之后有這個問題。和第一個問題差不多，也是導致實體機有問題有更多坑的同學的可以一起分享交流，后續會持續更新

1. 使用解構方法操作一個深層的對象，再setState,可能不會觸發render(ios以及Android模擬器和真機調試都正常，只有打包發布之后Android有這個問題)。

...
/* React
state = {
    data: {
        "2019-07-19": {...},
        "2019-07-20": {...},
    }
}
*/
const data = this.state.data;
// 待解構的數據源
const obj = {
    some_attr: "test",
    other: {
        sex: "man",
    }
}
// 被用來setState的臨時數據
const data_tmp = {
    name: "張三",
    age: 18,
    ...obj.other
}
data["2019-07-19"] = data_tmp
this.setState({
    data
})
// 這種情況會導致上述情況
// 解決辦法 不使用解構  使用for in 把屬性插入
const data_tmp = {
    name: "張三",
    age: 18
}
for(key in obj.other) {
    data_tmp[key] = obj.other[key]
}
data["2019-07-19"] = data_tmp
this.setState({
    data
})

上述問題有點奇怪，暫時不明原因，查明原因會補充真想，有大神知道原因評論區交流^_^

2. 多個setState同步執行也會導致不觸發render(ios以及Android模擬器和真機調試都正常，只有打包發布之后Android有這個問題)。

[1,2,3].forEach(item, () => {
    this.setState({
        data: {...}
    })
})

和第一個問題差不多，也是導致Android實體機有問題

有更多坑的同學的可以一起分享交流，后續會持續更新...

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/105789.html

和我一起入坑-React-Native-加入Redux的TodoList

摘要：之前寫了一篇沒有加入的的小博文。一拆分結構根據自己的習慣和固定套路，拆分目錄結構和組件結構。把的導航組件集中放在純粹是個人習慣。二代碼實現入口文件是用來做的數據持久化。添加事項后要通知其他組件更新數據。讀前須知這個項目是第一次使用Redux的實例，并不具有專業性的理論知識。純粹分享一次開發過程與心得。之前寫了一篇沒有加入Redux的React Native ToDoList的小博文...

LucasTwilight 2019-08-23 12:03 評論0 收藏0
在Windows下搭建React Native Android開發環境，android開發mvp模式

摘要：在這個過程中可能會出現一些問題，導致失敗你沒有配置需要再系統變量中加入這個，指到目錄。所以面試沒有其他的訣竅，只看你對這些知識點準備的充分程度。本文已被開源項目學習筆記總結移動架構視頻大廠面試真題項目實戰源碼收錄在這個過程中可能會出現一些問題，導致build失敗： 1. 你沒有配置ANDROID_HOME,...

番茄西紅柿 2021-11-29 10:50 評論0 收藏2637
Flutter 面試知識點集錦

摘要：中的的線程是以事件循環和消息隊列的形式存在，包含兩個任務隊列，一個是內部隊列，一個是外部隊列，而的優先級又高于。同時還有處理按住時的事件額外處理，同時手勢處理一般在的子類進行。谷歌大會之后，有不少人咨詢了我 Flutter 相關的問題，其中有不少是和面試相關的，如今一些招聘上也開始羅列 Flutter 相關要求，最后想了想還是寫一期總結吧，也算是 Flutter 的階段復習。 ??系統完...

andong777 2019-05-21 19:52 評論0 收藏0
React-Native 真的是移動開發的未來嗎

摘要：在版本上，安卓系統上的渲染就有鋸齒，后來我們不分效果是使用圖片實現的，汗啊第三方組件不全。搖一搖問題的解決在我們使用了等狀態管理時，熱更新不會更新這些代碼，而頻繁搖一搖實在是太累了。此時可以使用此時相當于虛擬了一個搖一搖事件。公司本年度有App任務，陸陸續續用RN開發了兩個應用。一款是涉及儀器控制的平板項目，另一款是客戶端的App。下文談談使用RN開發的部分認知(其實只是隨便扯一扯，...

thursday 2019-08-22 18:20 評論0 收藏0