react-native 開發時ios模擬器上可以正常顯示的列表 在android真機上一片空白的原因

原創 hzxOnlineOk 2020-04-20 03:56

記錄一個react-native開發app的一個常見坑。。。老是會忘記
**

現象

**
在ios模擬器上可以顯示的列表，但是在android上是一片空白，什麼都看不到

原因

排查到了原因是，一個列表容器忘記添加flex: 1了，<View style={{ flex: 1 }}>…

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

react-native學習----------Android的Windows搭建

序言            開始研究react-native來弄安卓和IOS ^_^~~~.歡迎騷擾:[email protected]            參考資料地址:https://reactnative.cn/docs/

cuiyaonan2000 2020-07-08 12:24:18

react-native android環境連接夜神模擬器

一、下載android studio（含sdk） 進入http://www.android-studio.org/index.php/download/hisversion 下載“android-studio-bundle-141

ynd_sg 2020-07-08 09:20:23

navigation筆記

react native存在的問題 vscode怎樣打斷點 _onPressButton()爲什麼以下劃線命名 setState用法 render()用法 eslint報錯 不懂的地方: 不懂怎麼調試 不懂apk入庫

stevenzqzq 2020-07-08 07:34:44

react-native 第三方庫

react-native 第三方庫 React-Native-Elements 一組開發RN的UI工具包（強烈推薦） 🔥🔥🔥🔥🔥 react-native-calendars 🔥🔥🔥🔥 優秀的日曆控件 apsl-react-nat

stevenzqzq 2020-07-08 07:34:44

isFinite使用說明

該全局 isFinite() 函數用來判斷被傳入的參數值是否爲一個有限數值（finite number）。在必要情況下，參數會首先轉爲一個數值。 語法 isFinite(testValue) 參數 testValue 用於檢測有限

stevenzqzq 2020-07-08 07:34:44

react-native 發送接收“廣播”

發送廣播 DeviceEventEmitter.emit 接收廣播 listener = DeviceEventEmitter.addListener 移除廣播 this.listener.remove() 代碼 import R

stevenzqzq 2020-07-08 07:34:44

使用react-native-camera實現react-native的拍照功能

安裝以及配置 官方文檔 注：請確保RN版本>0.60 針對ios window系統開發app無需配置，因爲ios app只能使用蘋果電腦開發 安裝 1、npm install react-native-camera --s

hellochange 2020-07-07 22:02:42

react-native 連接真機debugger時打包彈出報錯 android - Waiting for Debugger 解決

如下圖，這是在打包到android真機設備上時，由手機彈出的，一臉懵逼，不知道啥情況 搜索了一下，發現並不是唯一解   有人說，這是端口占用； 有人說，需要clean項目，重啓adb服務； 有人說，這是 AS 開的太多了； 有人說，在an

hzxOnlineOk 2020-07-06 20:35:54

Unable to load script from assets‘index.android.bundle‘.Make sure your bundle is packaged correctly

 上網查了一下很多文章，下面提供一些解決方法： 方案一 這個方案不通用，我的情況是，項目移植時，從倉庫clone下來的代碼、文件缺失了，按照原本的文件進行替換補充即可   方案二 1.首先手動在android/app/src/main目

hzxOnlineOk 2020-07-06 20:35:54

React-Native 在android寫不支持gif的解決方案!

React-Native 在android寫不支持gif的解決方案!參考文章： （1）React-Native 在android寫不支持gif的解決方案! （2）https://www.cnblogs.com/zhiyingzhou/p/

zhengxiuchen86 2020-07-06 12:05:06

constructor（）構造函數和setInterval（）定時器

import React, { Component } from ‘react’; import { AppRegistry, Text, View } from ‘react-native’; class Blink exte

Luyc_Han 2020-07-05 23:20:27

TouchableHighlight簡單使用

//相當於button使用 <TouchableHighlight //點擊後的背景顏色 underlayColor="#1FB579"

Luyc_Han 2020-07-05 23:20:27

Android下使用react-native-splash-screen加載gif

感謝大神提供的思路 react-native-splash-screen在github中只提到加載png圖片，要加載gif，需借用Android第三方庫直接在佈局文件中加載gif。 首先在build.gradle文件中添加組件 im

CoderForHope 2020-07-04 19:55:16

rn筆記：若想單獨測試某個class功能是否可用

剛開始學習rn的時候，在http://reactnative.cn/docs/0.47/getting-started.html 想按順序把每個例子都敲一遍試試看，可是總不能一個例子建立一個APP吧？每次init項目都要一點時間，

Lyjwtbs 2020-07-04 12:37:13

RN- 判斷安卓是否是全面屏及是否開啓了全面屏

RNScreenpxModule 安卓的橋接模塊, 用來判斷機型是否是全面屏 以及是否開啓了全面屏, 通過這個模塊, 來適配一些RN中安卓全畫幅的UI高度 package com.regan.ebankhome; import

iOSTianNan 2020-07-03 13:26:16