2017-04-04 89 views
1

當React Native應用程序開始運行時,有一個白色視圖,如屏幕截圖所示,我如何更改該視圖的背景顏色?我無法在Xcode中找到活動。React Native:更改初始加載視圖的背景顏色

enter image description here

因爲在某些情況下,我重新啓動應用程序,而用戶看到閃光燈(上面的白色屏幕),所以我需要改變背景顏色。

在此先感謝。

+0

@AlirezaValizade你爲什麼這麼想?有什麼不對?你想要哪部分代碼?AppDelegate? – Ataomega

+1

Tr y更改'LaunchScreen'文件。這是您的應用打開時顯示的第一件事。另請注意,在產品發佈版中,服務器不會捆綁,因此現在不需要擔心。 – eden

+0

@EnieJakiro謝謝,但LaunchScreen不同。 LaunchScreen發生在根視圖之後,如果您重新啓動應用程序,您將看到一個閃光燈。一個白色的屏幕,這是根視圖。 – Ataomega

回答

3

我只是發現它在AppDelegate.m

rootView.backgroundColor = [[UIColor alloc] initWithRed:0.0f green:0.64f blue:0.87f alpha:1]; 
0

嘗試改變LaunchScreen文件。這是您的應用程序打開時顯示的第一件事(如果您的捆綁時間過長,您將再次看到白色屏幕,IMO的最佳做法是使用splash screen.

使用啓動畫面,您可以關閉Splash View在componentDidMount()函數(可能的圖像)像下面。

componentDidMount() { 
    // do anything while splash screen keeps, use await to wait for an async task. 
    SplashScreen.hide(); 
} 

還要注意的是,在產能釋放,將不會有從本地服務器捆綁銷售,所以沒有必要擔心,現在。

+0

感謝您的回答。我已經有了啓動屏幕,事實並非如此。 – Ataomega

+0

很高興你找到你需要的東西。但是,只有開發版本可以重新啓動。我不會介意這太多。 – eden

+0

與react-native-restart模塊,您也可以重新啓動生產應用程序。就像代碼推送一樣,它可以在下載和安裝js包時重新啓動應用程序。 – Ataomega