React native将apk文件的大小增加6.5 MB

Question

我开始在现有的android项目中测试使用react native对大小的影响。创建一个简单的android项目（带导航抽屉的模板项目）并创建。apk文件，在发布模式下大小为1.1MB。

然后，我尝试按照doc中的步骤将react native与之集成，https://facebook.github.io/react-native/docs/integration-with-existing-apps.html

完成此集成并更新我的程序规则后。pro文件，其中定义了progaurd步骤，https://github.com/luggit/react-native-config/blob/master/Example/android/app/proguard-rules.pro

Proguard-rules.pro文件内容类似于，

# React Native

# Keep our interfaces so they can be used by other ProGuard rules.
# See http://sourceforge.net/p/proguard/bugs/466/
-keep,allowobfuscation @interface com.facebook.proguard.annotations.DoNotStrip
-keep,allowobfuscation @interface com.facebook.proguard.annotations.KeepGettersAndSetters
-keep,allowobfuscation @interface com.facebook.common.internal.DoNotStrip

# Do not strip any method/class that is annotated with @DoNotStrip
-keep @com.facebook.proguard.annotations.DoNotStrip class *
-keep @com.facebook.common.internal.DoNotStrip class *
-keepclassmembers class * {
    @com.facebook.proguard.annotations.DoNotStrip *;
    @com.facebook.common.internal.DoNotStrip *;
}

-keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * {
  void set*(***);
  *** get*();
}

-keep class * extends com.facebook.react.bridge.JavaScriptModule { *; }
-keep class * extends com.facebook.react.bridge.NativeModule { *; }
-keepclassmembers,includedescriptorclasses class * { native <methods>; }
-keepclassmembers class *  { @com.facebook.react.uimanager.UIProp <fields>; }
-keepclassmembers class *  { @com.facebook.react.uimanager.annotations.ReactProp <methods>; }
-keepclassmembers class *  { @com.facebook.react.uimanager.annotations.ReactPropGroup <methods>; }

-dontwarn com.facebook.react.**

# okhttp

-keepattributes Signature
-keepattributes *Annotation*
-keep class okhttp3.** { *; }
-keep interface okhttp3.** { *; }
-dontwarn okhttp3.**

# okio

-keep class sun.misc.Unsafe { *; }
-dontwarn java.nio.file.*
-dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement
-dontwarn okio.**

现在，我的释放量。apk文件已跳至7.9 MB。这太过分了。我可以在play store上看到各种电子商务应用程序，总大小为9-12MB。我的混合反应原生应用程序是最基本的应用程序，它只有两个几乎不起作用的活动。

为了验证我的发现，我按照这个文档创建了一个新的react原生应用程序，https://facebook.github.io/react-native/docs/getting-started.html

当我发布时。这个纯react原生项目的apk文件，也是基本的Awesome应用程序。apk大小为6.8MB。

这是不能接受的。反应原生是增加太多的大小apk。是否有任何进一步的改进可能在我的Proprod文件？还能做些什么来改善这一点？

如果任何人都能分享因React native而对其应用程序产生的大小影响，这将非常有帮助。

Answer 1

使用react native创建时，apk的大小始终大于本机应用apk。但使用react native时，可以减小apk大小。

你可以在这里和这里看到如何做到这一点。

在文档中，最好是

当你从头开始一个新的移动应用程序时，React Native非常棒。然而，它也可以很好地向现有的本地应用程序添加单个视图或用户流。

所以，我宁愿创建新的反应原生应用程序，而不是与您现有的集成，因为您希望实现反应原生Android应用程序的最小apk大小。