React Native之积累篇

IOS、Android的图标、app名称和启动图

一、App名称修改

    Xcode中打开项目下info.plist -> Bundle name 和 Bundle display name 都修改APP的名称

二、App图标

    方法1 Xcode中配置:

        Xcode工程目录下的Images.xcassets -> AppIcon中将来加载图标，分别为120x120、180x180

    方法2 代码中配置

        1、使用icon psd模板右键 Edit me and save图层 ——> 编辑内容 ——> 编辑完后保存 ——> 导出图片（窗口）——> 动作 ——> 右上角按钮选择载入动作将App Icon Template [3.3].atn文件载入 ——> 选择导出动作中有两种一个都是圆角图标一个是方形图标

        2、将导出的图标添加到项目中 找到ios/gzApp/Images.xcassets ——> 将所有导出的图标放到这个目录下

三、设置启动图

    方法1 Xcode中配置:

        Xcode工程下点击Images.xcassets -> 进入后 右键 App Icons & launch Image -> New IOS Launch Image -> 将启动图加载到各配置中（注意如果尺寸与当前不配置编译时会报错）

        在项目的General面板 Launch Images Source 选择刚才创建的launchImage, launch Screen File设置为空，App Icons Source就是图标的配置

    方法2 代码配置

        https://github.com/fbsamples/f8app/tree/master/ios/F8v2   // Base.lproj -> LaunchScreen.xib

        在ios文件夹 -> gzCar项目 -> Base.Iproj -> LaunchScreen.xib 使用文件替换，将Splash.png文件导入到项目中，启动


http://www.cnblogs.com/allenxieyusheng/p/5802179.html
http://www.jianshu.com/p/adpKye/
https://appicontemplate.com/ios9    图标尺寸导出  

转icon尺寸
http://www.zcool.com.cn/article/ZNjE1MTI=.html
http://makeappicon.com/
http://blog.csdn.net/leiyu231/article/details/52830151

fetch 请求提示netWork quest failed

在 Xcode 7.0 bata、ios9 中fetch默认https请求, 对http不起作用，需要修改info.plist配置

1、在Info.plist中添加 NSAppTransportSecurity 类型 Dictionary ; 
2、在 NSAppTransportSecurity 下添加 NSAllowsArbitraryLoads 类型Boolean ,值设为 YES;

http://blog.csdn.net/liyijun4114/article/details/51792179

网络图片无法加载问题

在iOS9之后，网络请求默认为Https请求，如需支持Http，修改info.plist文件添加键值对设置允许http访问。

在App Transport Security Settings中添加 Allow Arbitrary Loads设置为 YES

内测平台

https://www.pgyer.com/      蒲公英将测试包分发给多人的设备上进行测试

    在Xcode中倒出一个应用包，通过蒲公英上传进行分发多个设备

https://developer.apple.com/  苹果开发者账号申请

苹果开发者平台可以进行

苹果的安装包为 *.ipa 文件

1、先登录Account，注册苹果开发者账号个人或企业

2、Xcode 打包IOS文件 https://www.pgyer.com/doc/view/app_upload

代码类

一、render中调用方法将View返回

    class TabPage extends Component {

        _createNav(name, colorValue){
            return (
                <View>
                    <Text style={{color: colorValue}}>{name}</Text>
                </View>
            )
        }

        render(){
            return (
                <View>
                    {this._createNav('siguang', '#ddd')}
                </View>
            )
        }
    }

| 参考资料
| react.parts/native
|