当前位置: 首页 > 面试题库 >

如何在react-native中设置Alert元素的样式?

郑声
2023-03-14
问题内容

我正在使用react-native,并且创建了一个Alert元素。

Alert.alert(
    'Warning',
    'bla bla bla',
    [
           {text: 'OK', onPress: () => console.log('OK Pressed')},
    ]
)

现在,我想对其应用某种样式。假设我要为其应用红色背景色和白色的文本。

我该如何实现?可能吗?


问题答案:

您可以使用自定义库,例如react-native-modalbox。

您将可以根据需要设置样式的样式:

        <Modal style={{background: 'red'}} ref={"modal1"}>
          <Text style={{color: 'white'}}>Basic modal</Text>
          <Button onPress={this.toggleSwipeToClose} style={styles.btn}>Disable swipeToClose({this.state.swipeToClose ? "true" : "false"})</Button>
        </Modal>

您可以使用打开模态

openModal1(id) {
    this.refs.modal1.open();
  }

查看示例以查看更多选项。

奖励 :如果您想为react-native找到一个好的库,请尝试js.coach



 类似资料:
  • 问题内容: 我想在React Native的MapView上设置一个标记,但是我无法通过MapView的官方文档找到任何信息。 如果不允许这样做,如何在React Native中使用现有的react模块,例如react-googlemaps? 问题答案: 您可以使用道具设置标记。 例如:

  • 问题内容: 是否可以使用CSS伪类选择列表项的偶数和奇数实例? 我希望以下内容会产生一系列交替的颜色,但我会得到蓝色项目的列表: 问题答案:

  • 问题内容: 这是我的HTML: 我想仅使用CSS将产品名称(即“ Product1”,“ Product2”等)加粗,并将其类别(即电子,体育等)斜体化。我发现一个老问题,提到无法使用HTML和CSS,但希望现在有解决方案。 问题答案: 只有少数样式属性可以应用于元素。 这是因为这种类型的元素是“已替换元素”的示例。它们与操作系统有关,不属于HTML /浏览器。无法通过设置样式。 有更换插件/库看

  • 如何在Elm中设置Html元素的焦点?我试图在元素上设置自动聚焦属性,它只在页面加载上设置焦点。

  • 我正在尝试为symfony表单的下拉选项(标签和复选框)设置样式,但遇到了问题。我可以设置复选框和标签的渲染组的样式,但不能单独设置每个项目(成对标签复选框)。 我试图通过以下方式来设计它们: 但如文档中所述,这仅将样式应用于父元素(要选择的渲染选项组),而不是每个单独的选项。 下面是创建小部件的Symfony表单生成器部分 我希望能够将样式应用于选择数组,但我真的被如何做到这一点所困扰。

  • 在React Native中是否存在与此CSS等效的字体,以便应用程序在任何地方都使用相同的字体? 在每个Text节点上手动应用它似乎过于复杂。