如何在本机中更改警报的颜色

时间:2017-06-21 02:55:16

标签: react-native react-native-android

如何在本机中更改警报框的背景颜色,字体大小?单击按钮后我发出警报。我不知道如何设计这个样式,谢谢你的帮助

Alert.alert(
  'Plate',
  'Plate has been sent for printing!',
  [
    {text: 'OK', onPress: () => console.log('OK Pressed')},
  ],
  { cancelable: false }
)

2 个答案:

答案 0 :(得分:0)

  1. 打开android/app/src/main/res/values/styles.xml
  2. <item name="colorAccent">#000000</item>标签内添加<style>

您将获得:

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorAccent">#000000</item>
    </style>
</resources>

这将更改整个应用程序的颜色(警报,日历等)

答案 1 :(得分:-1)

您可以使用此库React-Native_DropDown-Alert。其高度可定制的库,具有用于不同类型警报的预定义样式。代码就是这样的。

    <View>
          // !!! Make sure it's the last component in your document tree.
          <DropdownAlert
            ref={(ref) => this.dropdown = ref}
            onClose={(data) => this.onClose(data)} />
        </View>

// ...
handleRequestCallback(err, response) {
  if (err != null) {
    this.dropdown.alertWithType('error', 'Error', err)
  }
}
// ...
onClose(data) {
  // data = {type, title, message, action}
  // action means how the alert was dismissed. returns: automatic, programmatic, tap, pan or cancel
}
// ...