[ReactNative]自定义alert对话框

来源:互联网 发布:js获取tr下的第一个td 编辑:程序博客网 时间:2024/05/21 09:57

RN默认的对话框标题是alert,确认符号是ok。有强迫症的我看着很不爽,所以准备来一个自定义对话框。


Alert.alert()后面四个参数,但是第四个参数一般不太常用,是一个按钮的样式,所以常用前三个:
标题:String
文本内容:String
按钮:[{text:'String', onPress:{事件A}}, {... ...}]一组text和onPress的集合

<View style={styles.toolViewStyle}>      <TouchableOpacity onPress={()=>{          Alert.alert('技术支持',            '计算机学院:孙宇鹏\n电话:15552198996\n邮箱:429884848@qq.com',            [{text: '朕知道啦'}])          }}>        <Image style={styles.toolImageStyle}          source={Setting.os === 'ios' ? require('./icon/about.png') : require('./android/app/src/main/res/mipmap-xxhdpi/about.png')}/>        <Text style={styles.toolFontStyle}>关于</Text>      </TouchableOpacity>    </View>