ReactNative text居中问题，和报color 错误问题 ios和android

功能是实现一个button，有图片有文字，原始的实现约束如下：

< TouchableOpacity
            onPressIn = {this._onPressIn.bind(this)
        }
            onPressOut = {this._onPressOut.bind(this)
        }
            activeOpacity = {1}
            style = {styles.loginButton
        }
        >


        <Image
            source = {this._updateButtonImage()}
            //this.state.pressStatus == 'pressin' ? {uri: 'login_btn_selected'} : {uri: 'login_btn_disabled'}
            style = {{
                height: 33, 
                borderRadius:5,
                //注意在android和ios中，如果想让text居中，那么需要在它的上一级设置属性居中，在text内部设置布局居中是不起作用的
                //alignSelf:'center', //注意这里原始是没有的
            }
        } >
        <Text
            style = {
            {
                color: 'white',
                fontSize:13,
                textAlign:'center',
                marginTop:10
            }
        }>
            登录
            < / Text >
            < / Image >
            < / TouchableOpacity >

注：如上的实现在ios下就可以实现text的居中显示了，但是在android中却不行，必须在text的父view即这里的image中将image首先居中，然后自己才可以居中显示。

即加上                alignSelf:'center', //注意这里原始是没有的 这一句就可以了

其次，如果使用了textinput组件，必须在属性中添加color属性，即用户输入时候的文本颜色，否则会报错，运行不起来。

import the module, run the app,throw exception:
Error while updating property 'color' in shadow node of type:RCTText