React Native/Expo:当“visible”属性在iOS上为真时，模式不显示
React Native是一种用于构建跨平台移动应用程序的开源框架，而Expo是一个用于加速React Native应用程序开发的工具集。在React Native中，当"visible"属性在iOS上为真时，模态框（Modal）不会显示。
模态框是一种常见的用户界面元素，用于在应用程序中显示临时内容或交互。它通常以覆盖整个屏幕的方式显示，并且可以包含文本、图像、表单等内容。模态框在移动应用程序中广泛应用于各种场景，例如显示提示信息、确认对话框、登录/注册窗口等。
在React Native中，模态框的显示与隐藏通常通过设置一个布尔类型的属性来控制。当该属性为真时，模态框显示；当该属性为假时，模态框隐藏。在iOS上，当"visible"属性为真时，模态框应该显示出来，但根据问题描述，它没有显示出来。
可能的原因是属性名称拼写错误或者属性值设置不正确。需要仔细检查代码，确保"visible"属性正确地传递给模态框组件，并且值为真。另外，还需要确保模态框组件的相关样式和布局设置正确，以便在iOS上正确显示。
腾讯云提供了一系列与移动应用程序开发相关的产品和服务，例如移动应用开发平台、移动推送服务、移动测试服务等。这些产品可以帮助开发人员更高效地构建和管理移动应用程序。具体的产品介绍和相关链接如下：
- 腾讯云移动应用开发平台：提供了一站式的移动应用开发解决方案，包括应用开发、测试、发布、运营等环节。了解更多信息，请访问腾讯云移动应用开发平台。
- 腾讯云移动推送服务：为移动应用提供消息推送功能，可以实现向用户发送通知、提醒等功能。了解更多信息，请访问腾讯云移动推送服务。
- 腾讯云移动测试服务：提供了移动应用的自动化测试和性能测试服务，可以帮助开发人员提高应用程序的质量和性能。了解更多信息，请访问腾讯云移动测试服务。
以上是关于React Native/Expo中模态框在iOS上不显示的问题的解答，以及腾讯云相关产品的介绍。希望对您有所帮助！
相关·内容
我有一个我在React Native中构建的应用程序，其中我有一个模式，当按下按钮时将出现并提示用户输入。我已经在应用程序中制作了其他模态，使用我现在使用的相同方法工作得很好。但是，当我更改此模式的状态以确定该模式是否可见时，它似乎完全忽略了它，并且不显示。, TouchableOpacity, Platform } from 'react-native
浏览 38提问于2021-07-22得票数 1
1回答
你好，我正在尝试在我的react本地应用程序(在世博上运行它)中放置一个简单的react原生模式，但是它总是可见的。当我将可见的道具设置为false时，它仍然显示。有关守则如下：import React, {Component} from 'react';
import {View, Text, Modal} from 'react-native</
浏览 3提问于2020-06-19得票数 1
回答已采纳
然而，这似乎不起作用(安全视图和其余的屏幕仍然是白色的，当模式是黑暗-一切都应该是#121212)。当我将“模式:黑暗”更改为“模式:白色”(第二个图像)时，按钮会改变颜色，反之亦然。简单地说，-我希望背景颜色来自主题‘背景’属性. "web": "expo start --
浏览 24提问于2022-04-04得票数 1
1回答
我正在使用原生react创建一个简单的移动应用程序。这个项目在模拟器上运行得很好，直到我添加了redux。我正在使用redux进行登录和注销；它实际上只是一个缩减程序和操作文件，用于在登录时将authedUser设置为注册用户名，在注销时设置为null。如果我在web浏览器上运行它，它可以正常工作，但不能在ios/android模拟器上
浏览 17提问于2020-08-21得票数 1
在Android中，它显示了没有加载源URL，您初始化了实例吗？$4.run(MessageQueueThreadImpl.java:226)同样的反应是本机代码库，在ios上打开欺骗模式很好，但是在Android上，当打开调试模式时，它总是崩溃。": "~1.0.4",
&
浏览 8提问于2021-12-18得票数 8
回答已采纳
我试图弄清楚为什么在安卓设备上以.apk的身份运行react原生应用程序，而不是在iOS设备上运行，因为iOS模拟器上的.ipa .The错误(来自世博会)是： 如果出现以下情况，则可能发生不变的违规情况"android": "expo build:android",
"ios": "expo build:ios<
浏览 49提问于2021-07-22得票数 0
如果这听起来很傻或者很明显的话，请原谅我，但我已经在使用世博做了一段时间的各种项目了，但是突然之间，在我的项目进行到一半的时候，每当我开始使用世博启动并尝试在android设备上运行时，我突然发现一个错误：包装机没有在19001上运行，每当发生这种情况时，我注意到地铁绑定器略有不同，它显示在开发模式中的启动webpack在端口19006上，“而不是普通的”启动19001上<
浏览 3提问于2020-07-04得票数 2
回答已采纳
我在我的应用程序中使用expo-speech，但是在一些iOS设备中没有读取文本。从让我的朋友来测试它，我得到的结果是：
在我在本地开发时尝试过的每一个我创建了一个非常简单的repo (下面的链
浏览 0提问于2020-05-22得票数 1
回答已采纳
1回答
迁移到世博会后出现白屏
、、、、
我目前正面临一个问题，当运行expo start时，一旦在ios模拟器和设备上完成加载，应用程序就会显示白色空白屏幕(安卓尚未经过测试)。我最初是在react-native CLI上开始这个项目的，最近迁移到了Expo。自迁移以来，这个问题已经很明显了。 我已经在网上遵循了许多说明来尝试解决这个问题，但是我一直没有运气。控制台没有错误，在VSC中运行JS Debu
浏览 9提问于2020-10-15得票数 1
我希望有一个反应本机形式的日期输入字段，并且我安装了命令：expo install @react-native-community/datetimepicker。首先，我使用了以下组件，与文档中所描述的几乎完全相同：importReact, { useState } from 'react</
浏览 6提问于2022-07-07得票数 0
回答已采纳
但是，在更新项目以使用Expo SDK版本34之后，LinearGradient组件不再接受此样式。半径就是没有显示出来。下面是我现在的代码： import React from 'react';import { LinearGradient }应用程序无需检查即可在iOS设备上的Expo客户端中运行。
浏览 17提问于2019-09-04得票数 3
回答已采纳
1回答
当我试图简化这个问题时，我意识到，即使是在最初的世博会应用程序中，我也无法滚动。所以，很明显，我做了一些根本错误的事情，但我没能找出问题的所在。问题再现问题expo init scrolltestexpo start
即使我唯一要做的就是在屏幕变小之前增加更多的行，我也不能在我的<em
浏览 3提问于2021-04-04得票数 0
回答已采纳
1回答
但是，当我想要使用标记WebViewLeaflet以便能够在中使用WMS时，它会在标记下划线，然后当我将光标悬停时会显示此错误。当我试图运行时，我会得到这个错误
WebView已从中删除。ios": "expo start --<e
浏览 2提问于2020-01-15得票数 1
我使用react native已经有几个月了。然而，我真的不知道启动命令之间的区别。目前，我在我的项目中使用npm。然而，我知道纱线是可以使用的。这些命令我真的不明白它们之间的区别： exp开始，exp ios，exp android react-native run-ios，react-native run-android npm start、npm ios、npm android 在什么情况下哪
浏览 39提问于2018-12-18得票数 4
回答已采纳
3回答
我想尝试在本地运行我的本机应用程序，但是针对我的暂存和/或生产服务器。我希望通过在运行release-channel时设置一个expo start变量来做到这一点。我尝试了命令expo start --release-channel staging，得到了一个错误error: unknown option '--release-channel'
如何在运行世博启动时设置
浏览 0提问于2019-04-02得票数 8
回答已采纳
我有一个React Native应用程序，它使用WebView从资产中呈现一个超文本标记语言页面。这个页面有一些javascript来做一些处理。import React from 'react';import { WebView } from 'react-native';
export defaultclass App extends
浏览 6提问于2017-12-08得票数 47
我目前正在从零开始开发一个与Expo一起开发的Reactive原住民应用程序。因此，当将这一行代码放在下面的代码时，就会发生这种情况：
A
浏览 2提问于2022-11-17得票数 0
回答已采纳
当我在我的屏幕上有InputAccessoryView，它有不带nativeID的组件(所以即使键盘没有显示，它也会一直显示)，我打开和关闭Modal (react-native模式)，然后InputAccessoryView和组件一起从屏幕上消失。我不知道为什么会发生这种情况，我也不知道如何让这个InputAccessoryView保持在屏幕上。, Button } from 'react-nat
浏览 87提问于2019-12-03得票数 4
回答已采纳
这是我的巴贝尔档案我的代码：import { View, useWindowDimensions, Button } from 'react-native'
export defaultButton
浏览 12提问于2021-04-16得票数 57
各位，我在世博会上使用react-native创建了一个订餐应用程序。我有一个标签系统，其中我的主页标签显示菜单项。每当用户点击主页选项卡中某一项目的“添加到卡片按钮”时，项目数据就会存储在redux中。然后，当用户转到购物车选项卡时，购物车页面加载redux中放置的项目。现在，当我使用Expo客户端应用程序测试此应用程序时。它在android设备上运行良好。我看到主页选项卡，如果我单击要放到购物车上的任何项目，我可以看到购物车项目的变化。但是，当我<
浏览 0提问于2020-04-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
