Fix license screen flicker

components/app-wrapper.js

@@ -10,7 +10,7 @@ export default class AppWrapper extends Component {
   constructor() {
     super()
     this.state = {
-      showLicense: true
+      retrievingLicenseSetting: true
     }
     nodejs.start('main.js')
     this.checkLicenseAgreement()
@@ -18,25 +18,27 @@ export default class AppWrapper extends Component {
 
   async checkLicenseAgreement() {
     const agreed = await getLicenseFlag()
-    if (agreed) this.setState({showLicense: false})
+    this.setState({retrievingLicenseSetting: false})
+    if (!agreed) this.setState({showLicense: true})
   }
 
   render() {
-    return (
+    const whiteScreen = <View style={{ flex: 1 }}></View>
-      this.state.showLicense ?
+    const licenseScreen = <License setLicense={() => {
-        <License setLicense={() => this.setState({showLicense: false})}/>
+      this.setState({showLicense: false})
-        :
+    }}/>
-        <View style={{ flex: 1 }}>
+    const passwordPrompt = <PasswordPrompt showApp={() => {
-          {this.state.showApp ?
+      this.setState({showApp: true})
-            <App/>
+    }}/>
-            :
+
-            <PasswordPrompt
+    if (this.state.retrievingLicenseSetting) {
-              showApp={() => {
+      return whiteScreen
-                this.setState({showApp: true})
+    } else if (this.state.showLicense) {
-              }}
+      return licenseScreen
-            />
+    } else if (!this.state.showApp) {
-          }
+      return passwordPrompt
-        </View>
+    } else {
-    )
+      return <App/>
+    }
   }
 }