React Native Web中Modal的替代方案

文章/答案/技术大牛

发布

2回答

、、

React Native Web中缺乏Modal促使我构建了一个覆盖在当前视图之上的弹出组件。最终我发现React可以直接在根上呈现组件(在这个中可以找到更多)，这意味着该组件将呈现在其他组件

浏览 5提问于2018-01-10得票数 5

2回答

我知道有一个关于这个话题的问题，但是这并没有解决我的问题。我希望在按下“开始”按钮时呈现一个模式，但模式始终显示为这个红色框，而不是在我的显示器上弹出。我的模式在signUpModal.js中定义为： import React, {Component} from 'react'; import {StyleSheet, Text, View, Button} from 'react-native'

浏览 38提问于2020-07-08得票数 2

2回答

react本机手势处理程序不能与Android中的模式一起使用

、、、、

我在使用react-native-gesture-handler中的PanGestureHandler和Modal时遇到了一个问题。这在iOS中很好用，但在android中就不行了。此外，当我将Modal更改为View组件时，它也可以在Android中工作。请任何人都可以给我一个解决这个问题的建议。_touchX } }], { useNativeDriver: true }); return (

浏览 4提问于2020-04-12得票数 1

1回答

反应本机底片底透明

、

import React, { useState } from "react";import { BottomSheet } from "react-native-btr"; const因此

浏览 6提问于2022-01-02得票数 1

回答已采纳

1回答

即使在设置visible={false}时，也可以使用红色边框来响应本机模式核心组件。

、

我是新的反应本机，并试图创建一个基于docs 的模式。我尝试在一个全新的项目上复制粘贴模态的函数/类组件示例。但我看到的只是一个带有红色边框的盒子，即使在我调整visible = {false}时也会持久地出现。不过，当我添加一个console.log()函数时，它的输出与预期的一样。有人对此有意见吗？下面是它的样子：，我也看到其他人在这篇文章中发布了一个解决方案：，但是没有一个解决方案

浏览 3提问于2020-04-18得票数 3

1回答

React Native Navigator不工作

我在React Native Web中使用Navigator已经整整两天了，我不知道问题出在哪里。值得注意的是，在尝试使用Navigator之前，一切工作正常，并且此代码在浏览器上运行。请检查Home的render方法。“ 基本上，我有一个名为"Home“的组件，我试图使用这个组件中嵌套得相当深的导航器来renderScene，但它不工作。我已经在另一个应用程序上使用了相同的Navigator代码，它可以工作，除了传递<em

浏览 1提问于2016-06-29得票数 0

1回答

react native for web中可按压的替代方案

、、、

当使用React Native Pressable组件时，它在web上不起作用。我使用的是expo和react-native-web。有没有什么我应该对react-native-web做些什么才能让它在web上工作？如果没有，是否有expo或react-native-web替代Pressable？我知道Button可以工作，但

浏览 29提问于2021-08-29得票数 1

回答已采纳

1回答

如何将Modal附加到根元素？

、

我需要在不是我编写的React-Native应用程序的root element中附加一个Modal。但我知道那里有一个root element。我该怎么做呢？

浏览 21提问于2021-08-26得票数 0

1回答

与第三方打交道的创建-反应-应用程序与反应-本机-web

、、

我们正在尝试使用相同的React组件，无论是在移动(react本地)还是在web (create-react app)中。到目前为止，由于有了 (下面的配置)，它运行得很好。然而，我们在react本机项目中广泛使用的react-native-web.并没有编译。这意味着任何使用带有矢量图标的组件的组件也需要一个特定的web版本。具有特定于<em

浏览 0提问于2018-06-10得票数 0

回答已采纳

2回答

当Modal设置为隐藏时，状态栏将闪烁

'use strict';import { Text, Modal <

浏览 3提问于2017-05-15得票数 0

回答已采纳

1回答

React原生动画模式从左到右显示

我如何让我的模式显示从左到右，就像抽屉出来一样。我使用的是“react-native”中的模式，但我也安装了https://github.com/react-native-community/react-native-modal/blob/master/README.md中的react<

浏览 53提问于2020-08-28得票数 0

1回答

对话超过模态使用反应乡土纸？

、

我使用的反应本地纸库，我有一个模式和对话框，我想对话框出现在前面的模式.有办法这样做吗？谢谢

浏览 3提问于2020-02-07得票数 0

2回答

我是否可以在React* Native应用程序中使用JQuery和BootStrap等JavaScript库*

、、、

我可以在我的React Native应用中使用JavaScript库(jQuery，BootStrap)吗？

浏览 5提问于2019-01-21得票数 0

1回答

在react-native-web中是否支持react-native的动画api

、、

所以我正在考虑使用react-native动画api，但我不确定它是否支持react-native-web请建议您是否有任何替代方案

浏览 16提问于2018-01-02得票数 1

回答已采纳

2回答

在React* Native的默认模式中模糊*

、

当默认模式打开时，我想模糊我屏幕的背景。我找到了这个用于模糊https://github.com/react-native-community/react-native-blur的库有没有人做到了？我找不到只有modal的背景颜色的解决方案。谢谢

浏览 42提问于2019-03-03得票数 5

回答已采纳

3回答

如何在react-native中从另一个组件打开Modal

我尝试从react-native中的另一个组件打开Modal，但是modal不是打开的。因此，如果有任何解决方案，请帮助我。这是我的代码 modal.js import { View, Text } from 'react-<em

浏览 67提问于2020-07-14得票数 1

1回答

响应本机控制台问题"Npm错误“

、、、、

node_modules/react-native-webview-modal/node_modules/react-native-web npm ERR!node_modules/react-native-webview-modal/node_modules/react-native-web-webview npm ER

浏览 49提问于2022-11-08得票数 0

1回答

如何使Modal作为一个不同的组件出现在react本机中

、、、、

我使用react-native、native-base和react-native-modal依赖项。我得到了一个Home活动，其中有一个带有按钮的头部，可以打开一个Modal。使用本机基础按钮组件，每当我将onPress事件绑定到我的showModal()函数时，它就会声明“变量showModal不存在”，如果添加this.showModal()作为替代，则会在iOS模拟器中抛出一个/sr

浏览 9提问于2017-05-06得票数 1

回答已采纳

6回答

ID为%2的动画节点已存在

": "expo build:web" "dependencies": { "modal-react-native-web": "^0.2.0", "react</em

浏览 5提问于2020-07-02得票数 5

3回答

ReactNative中的进度对话框

我是ReactNative世界的新手。我正在努力寻找在React Native中显示进度对话框的api或库，如下所示。我相信可以使用ActivityIndicator，但它不会显示为overlay。有没有人可以帮助我如何使用样式显示为覆盖图，或者是否有好的库来实现这一点。

浏览 0提问于2018-01-12得票数 7

点击加载更多