ネイティブAPPセット名を反応させ、ロゴアイコンは、ページを開始します

https://www.jianshu.com/p/727c6057fc0aの参考文献

APPの開発が完了した後、我々は、APPの名前を変更し、オンライン投稿する前に、アプリケーションのアイコンと起動ページを設定する必要があります。その中でも、名前とアイコンがスタートページながら、あなたはアプリケーションの起動時など、ブランディング、ユーザーエクスペリエンスを向上させることができ、APPを識別するために使用されます。この記事では、どのように完全な名前、アイコンとネイティブアプリケーションの設定を反応させるのにスプラッシュページをまとめています。

以下の操作は、その後、私は上記のリンク参照を参照して、アンドロイド、IOSの側にあり、

1.変更の名前を
編集した android/app/src/main/res/values/strings.xml ファイル

<資源> 
- <文字列名= "APP_NAME">テスト</文字列> 
+ <文字列名= "APP_NAME">测试程序</文字列>    
</リソース>

アプリケーションアイコンを変更します。2.

あるいは android/app/src/main/res 下部アイコンに対応します。

注：2つの画像ファイル、劣らず、同じ名前を持つがあります。

のみドラッグする必要がある。このツールを使用して画像をドロップすることをお勧めします、あなたはすぐにあなたが必要とする画像の様々なサイズを生成することができます：https://icon.wuruihong.com/ 、このツールの写真を添付し、あなたがしたいです「オプションのパラメータ」を覚えていますそれを微調整

3.設定された開始ページ（情報への私の参照、に起因する問題のいくつか、私はそれを修正します、ネイティブの更新バージョンを反応させ、いくつかあります）

ステップ1、

追加ネイティブ-REACT-糸スプラッシュスクリーンを   // 手動リンク、高いバージョンに自動的にリンクする必要はありません

編集アンドロイド\アプリ\ SRC \メインステップ2、\ javaのCOM \以下MainActivity.java \次のコードを追加します

輸入android.os.Bundle; // ここに
インポートcom.facebook.react.ReactActivity。
// 反応するネイティブ・スプラッシュ・スクリーン> = 0.3.1 
インポートorg.devio.rn.splashscreen.SplashScreen。// ここでは


publicクラスMainActivityはReactActivity {拡張
    // ...他のコード
   @Overrideは、
    保護された空のonCreate（バンドルsavedInstanceState）{ 
        SplashScreen.show（これを）。  // ここ
        super.onCreate（savedInstanceState）; 
    }    
}

ステップ3、android/app/src/main/res/layout 作成開始ページレイアウトファイルフォルダ launch_screen.xml：（レイアウトを手動で作成するために存在していません）

<？xml version = "1.0"コード= "UTF-8"？> 
<のLinearLayoutのxmlns：アンドロイド= "http://schemas.android.com/apk/res/android" 
    アンドロイド：オリエンテーション = "垂直"アンドロイド：layout_width = "match_parent" 
    のandroid：layout_height = "match_parent" 
    アンドロイド：背景 = "@描画可能/ launch_image"> 
</のLinearLayout> // 只需要注意アンドロイド：背景= "@描画可能/ launch_image"这行、launch_image是你启动图片的名字

ステップ4、アンドロイド\アプリ\ SRCに、異なる仕様の良いスタートページの写真を作るためのツール\ \ RES \描画可能なフォルダメイン（描画可能なフォルダを作成し、手動で、存在しません）

ステップ 5 ：再起動時に再パッケージ化されたアプリケーションに上記の操作が完了したら、スタートページを見ることができます。、我々は透明な背景を設定することによって処理することができる前に、しかし、スタートページは、短い黒と白を表示します。編集アンドロイド/アプリ/ srcに/メイン/ RES /値/のstyles.xmlの文書、次のように改正：

<資源> 
    <！ -ベースのアプリケーションのテーマ。- > 
    <スタイル名= "AppTheme"親= "Theme.AppCompat.Light.NoActionBar"> 
        <！ -ここにあなたのテーマをカスタマイズします。- > 
+ <項目名= "アンドロイド：windowIsTranslucent"> 真 </ item>の
    </スタイル> 
</リソース>

ステップ6：隠すスタートページ
これまでのところ、あなたはオープン見つけることができる APPを会議がスタートページに掛けられた後、我々は（そのような準備ができているすべてのリソースなど）適切なタイミングで呼び出すことができます。SplashScreen.hideを（）のスタートページを非表示にします。

// index.js文件操作 
'反応ネイティブを'からインポート{AppRegistry} 。
以下からの輸入スプラッシュ画面は、「ネイティブ・スプラッシュ・スクリーンを反応させます」。

以下からの輸入のApp './App' ; 
インポート{appNameのような名前}「./app.json」。

AppRegistry.registerComponent（appNameは、（） => { 
  SplashScreen.hide（）; 
  戻りアプリ; 
}）;

ネイティブAPPセット名を反応させ、ロゴアイコンは、ページを開始します

おすすめ