我正在使用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节点上手动应用它似乎过于复杂。