尝试使用 React Native expo go 从资产文件夹中读取文件 从“expo-asset”导入{资产}； 从“expo-file-system”导入*作为文件系统； ... const getFiles = asy...
运行“expo start”时显示错误消息（错误：UnhandledPromiseRejectionWarning）
我刚刚将我的 Expo 项目克隆到我的新 MacBook 上。我已经使用yarn安装了软件包和expo global，但没有运气运行expo start。错误信息如下： （节点：39137）
错误：链接需要在项目的 Expo 配置（app.config.js 或 app.json）中进行构建时设置 `scheme`
我使用react-native expo bare-workflow创建了该项目 npx create-expo-app --template bare-minimum 创建项目后，我尝试将expo-router安装到项目中，一切都完成了
简化的expo路由器使用应用程序文件夹中的文件名来创建应用程序路由，但使用npx create-expo-app或npx create-expo-app@latest创建expo应用程序不会导致应用程序直接...
如何使用Expo FileSystem.uploadAsync显示上传进度
我有一段代码如下，它利用 expo 文件系统将一个简单的文件上传为二进制文件，一切正常。 从“expo-file-system”导入*作为文件系统； const res = 等待 FileSy...
Expo 项目错误：配置项目 ':expo-modules-core' 时出现问题
几个月前我正在开发一个项目，当时它正在工作，现在我再次克隆了该存储库并执行了所有步骤，例如 npm install 然后 npx expo run:android 但我收到这个错误 甚至...
我目前正在开发 Microsoft Teams Tab 应用程序。基本功能之一是通过日历仪表板展示会议。我有兴趣使用相同的 Calendar Dash...
我目前正在开发一个expo+react-native应用程序。 我们正在与为我们提供react-native SDK 的第三方合作。 SDK 工作得很好，除了为了利用其中之一......
根据给定的 client_id + client_secret 识别 Google API 密钥
我在一个拥有一百万个 Google 项目、服务和帐户的生态系统中工作。我有 Google Calendar API client_id 和 client_secret，并且我想升级该 API 帐户的结算信息。 是...
我有一个基于 Expo 和 React-native-web 构建的项目，适用于 Android、IOS 和 Web。 我使用 Expo 路由器进行导航，使用 @shopify/restyle 进行样式设置。 我想为此实施 SEO 或 SSR ...
大家好，我正在使用 PrimeNg 和 p-calendar 模块。我的日历显示两个名为“今天”和“清除”的按钮。我的问题是我只想显示一个按钮而不是两个按钮。我不显示的按钮...
Expo BarcodeScanner 仅在我第一次将扫描的条码数据发布到服务器时工作
Expo BarcodeScanner 仅在我第一次将扫描的条码数据发布到服务器时工作 从“react”导入 React, { useState, useEffect }; 导入 { 文本、视图、样式表、按钮 ...
为什么在 Ansible 中，我不能在许多子组中拥有相同的密钥？
我想用我的 ansible 主机文件制作一些干净的东西。 如果我使用 ansible-playbook --limit calendar -i 主机 update_common.yml Ansible 在所有主机上执行我的剧本，甚至在其他主机上执行
Expo Development 客户端 Ios 构建问题？
不变违规：requireNativeComponent：在 UIManager 中找不到“RNDateTimePicker”。 此错误显示在 "react-native-modal-datetime-picker": "^17.0.0", ...
当我使用 Expo 启动 React Native 应用程序时出现“无与伦比的路线”
我是 React Native 新手，我只是想用 Expo 启动我的 React Native 应用程序，当我刚刚通过 Metro Bundler 访问时，立即说：“不匹配的路线 - 找不到页面”...
React Native - Expo：安排应用程序在特定时间后台启动
我正在使用 Expo 开发一个 React Native 项目，根据客户的要求，我正在寻找一种方法来安排应用程序在特定时间在后台打开，类似于推送通知。 .
如标题所示。使用 expo 配置插件，我已经弄清楚如何对清单、主要活动等进行更改。 现在我需要在 android 文件夹中创建一些新的活动文件...
我有一个与 Expo Go 的应用内购买相关的问题。 我希望将支付功能集成到我的移动应用程序中，以允许用户解锁优质内容。 我注意到没有图书馆 Comp...
react Native expo go 在 uvicorn https 后无法连接到本地主机
我正在编写一个带有 fastapi 后端的 React Native expo go 应用程序。 这是一个教育应用程序，所以它有图像、视频和 pdf 等。 React Native Image 组件未在 ios 模拟器上加载图像，我...
我创建了一个 Expo 本机模块，如下所示。我可以声明视图的属性。但我还没有弄清楚如何声明类成员方法，例如播放器视图的播放/暂停方法。我是...
我应该在哪里放置 Expo/React Native 项目的 CSS 重置文件？
我有一个使用 Expo 搭建的 React Native 项目，想要执行 CSS 重置。我应该在哪里放置这样的文件？我需要将它连接到任何东西吗？ 我当前的项目结构看起来...
为什么我的 expo 应用程序无法在 codeandbox 中运行？我无法运行
我试图在codesandbox中在线运行我的项目，但是当我打开服务器时，我无法在智能手机中连接Expo Go，它说网络连接超时错误。 我通常知道这个错误
此悬念边界在完成水合之前收到了更新。 React Native、Expo 路由器、Redux、Supabase
在 Expo 上启动开发服务器，在 localhost:8081 上的浏览器上打开，期望应用程序呈现，但出现错误： 这个悬念边界在完成水合之前收到了更新。这...
如何在我的托管 Expo React-Native 应用程序中为 Google AdMob 启用 SKAdNetwork
所以我在我的 Expo React-Native 应用程序中实现了 Google AdMob，一切都工作正常。我两天前在 AdMob 控制台中收到此警报，过去两天我一直在谷歌上搜索，但无法...
Expo 路由器问题：React Native 中基于文件的路由出现不匹配的路由错误
我在 React Native 中遇到了 Expo Router 的令人沮丧的问题。尽管设置了基于文件的路由，但我仍然收到“不匹配的路由”错误。我的目标是引导用户
Expo 应用程序进入后台时是否可以录制音频？ [iOS为主]
我正在考虑使用 Expo（或裸 React Native）作为一个简单的语音备忘录应用程序。它需要能够长时间录制（最多 1 小时），还需要能够在应用程序运行时进行录制...
如何在React Native Expo应用程序中强制灯光模式？
我尝试过 Appearance.set({ colorScheme: 'light' });和“userInterfaceStyle”：“light”，但我的应用程序仍然强制白色变为黑色。
我有一个基于站点管理员打开的票证的日历。我们有四种类型的门票： 待办的 进行中 完成的 取消 这是我有日历的 div： 我有一个基于站点管理员打开的票证的日历。我们有四种类型的门票： 待定 进行中 完成了 取消 这是我有日历的div： <div class="col-lg-6 col-md-10 col-sm-11"> <div class="card"> <div class="card-header" data-background-color="blue"> <h4 class="title">Calendario</h4> </div> <br> <section class="content"> <?php $events = TicketData::getEvents(); foreach($events as $event){ $thejson[] = array("title"=>$event->title,"url"=>"./?view=editticket&id=".$event->id,"start"=>$event->date_at."T".$event->time_at); } // print_r(json_encode($thejson)); ?> <script> $(document).ready(function() { $('#calendar').fullCalendar({ header: { left: 'prev,next, today', center: 'title', right: 'month,agendaWeek,agendaDay' }, defaultDate: jQuery.now(), editable: false, eventLimit: true, // allow "more" link when too many events events: <?php echo json_encode($thejson); ?> }); }); </script> <div class="row"> <div class="col-md-12"> <div id="calendar"> </div> </div> </div> </section> </div> </div> 门票的数据库结构很简单：id、title、description、date_at、time_at、created_at、tecnico_id和status_id。 我想使用 if 脚本“着色”事件： 这是我的代码，但它不起作用。 <section class="content"> <?php $events = TicketData::getEvents(); // $status->status_id; foreach($events as $event){ $thejson[] = array("title"=>$event->title,"url"=>"./?view=editticket&id=".$event->id,"start"=>$event->date_at."T".$event->time_at,); $thejsonColor[] = array($event->status_id); } // print_r(json_encode($thejson)); ?> <script> $(document).ready(function() { $('#calendar').fullCalendar({ header: { left: 'prev,next, today', center: 'title', right: 'month,agendaWeek,agendaDay' }, defaultDate: jQuery.now(), editable: false, eventLimit: true, // allow "more" link when too many events events: <?php echo json_encode($thejson); ?>, if ($thejsonColor=1){ eventColor: 'fb8c00' }else if ($thejsonColor=2){ eventColor: 'ff0' } else if ($thejsonColor=3){ eventColor: '43a047' } else { eventColor: '00acc1' } }); }); </script> 我想让它们符合颜色标准，这样用户就可以知道哪些票是待处理的、不完整的、完整的和已取消的。 我是 javascript 的新手，我不知道如何做到这一点。你们能帮助我或指出我应该如何做吗？ 您可以在迭代事件数组时设置颜色： <?php // helper function to pick the right color function getColor($id) { $eventColor = ''; if ($id == 1) { $eventColor = '#fb8c00'; } else if ($id == 2) { $eventColor = '#ff0'; } else if ($id == 3) { $eventColor = '#43a047'; } else { $eventColor = '#00acc1'; } return $eventColor; } $events = TicketData::getEvents(); //pulls the events from TicketData.php foreach($events as $event) { $thejson[] = array( "title" => $event->title, "url" => "./?view=editticket&id=".$event->id, "start" => $event->date_at."T".$event->time_at, "color" => getColor($event->status_id)); } ?> 然后就像你现在正在做的那样回显事件： <script> $(document).ready(function() { $('#calendar').fullCalendar({ header: { left: 'prev,next, today', center: 'title', right: 'month,agendaWeek,agendaDay' }, defaultDate: jQuery.now(), editable: false, eventLimit: true, // allow "more" link when too many events events: <?php echo json_encode($thejson); ?>, }); }); </script> 或者您可以通过从 php 中的表中选择来完成此操作，例如： $sql = "SELECT CASE WHEN tickets='Pending'" THEN '#C6E0B4' WHEN tickets='In progres' THEN '#FFFF99' END AS color" $schedules = $conn->query($sql); $sched_res = []; foreach($schedules->fetch_all(MYSQLI_ASSOC) as $row){ $sched_res[$row['id']] = $row; } 然后就像你现在正在做的那样回显事件： <script> $(document).ready(function() { $('#calendar').fullCalendar({ header: { left: 'prev,next, today', center: 'title', right: 'month,agendaWeek,agendaDay' }, defaultDate: jQuery.now(), editable: false, eventLimit: true, // allow "more" link when too many events events: <?php echo json_encode($thejson); ?>, }); }); </script>
react-native（博览会）中的输入无法在网络上打开（混合应用程序）
我正在使用react-native（expo）创建一个应用程序混合体，以及一些类似的库： ` “依赖项”：{ "@apollo/client": "^3.8.4", “@gluestack-style/react&q...
我一直在尝试部署我已经工作了一段时间的 Expo 项目的新版本。然而，虽然开发环境没有问题，但是项目一到就崩溃了
我在expo框架的帮助下制作了一个react本机应用程序。但是当我尝试构建时，多次失败 这是我的环境 EAS CLI 3.15.0 环境信息：...
Node.js 服务器上的 React Native Socket.IO 未连接
我正在构建一个React Native Expo应用程序，需要使用socket.io进行实时通信。我正在本地主机上运行 Node.js 服务器。 这是我的代码 React Native - home.js 从 & 导入 { io }
使用 Firebase TestLab 测试 React Native 应用程序
是否可以使用 Firebase TestLab 测试 React Native（Expo 托管）应用程序？ 我还没有成功。几种可能的路线，到目前为止还没有成功： 1) 是否可以强制进行 Robo 测试...
如何使用react native、expo、expressjs和mongodb修复“网络错误”
我目前正在开发一款用于学习目的的卡路里跟踪应用程序。现在我正在尝试使用 axios 将 React Native 前端连接到后端，但是出现以下错误：
如何在expo react-native-app中收到FCM通知时禁用声音
我正在使用 firebase admin 从 dotnet 服务器发送通知来反应本机应用程序。在任何情况下一切都工作正常（前景、背景、死亡），但我希望用户能够
React Native：POST 请求在开发中有效，但在 EAS 构建 APK 中无效
我的 React Native 应用程序面临一个问题，当我使用 npx expo start 运行应用程序时，POST 请求可以完美工作，但当我使用 EAS Build 构建 APK 时，它无法按预期工作，并且 i.. .
自定义模态/工作表位于反应本机博览会路由器堆栈屏幕的后面，其表示设置为模态
我刚刚学习 React Native，我在上面使用了 Expo。 我有屏幕 create.js 将屏幕上的演示选项设置为“模态”，现在在这个屏幕中我必须使用 SELECT 输入...
我正在尝试实现一个界面（在react-native - expo应用程序中），其中有一个主要导航器 - 抽屉。但仅出于用户界面的原因，我还想要一个带有选项卡的底部栏，看起来像底部......
占位符不适用于直接输入类型日期和日期时间本地。 占位符不适用于直接输入类型 date 和 datetime-local。 <input type="date" placeholder="Date" /> <input type="datetime-local" placeholder="Date" /> 该字段在桌面上显示 mm/dd/yyy，而在移动设备上则不显示任何内容。 如何显示 Date 占位符文本？ 使用onfocus="(this.type='date')"，例如： <input required="" type="text" class="form-control" placeholder="Date" onfocus="(this.type='date')"/> 使用onfocus和onblur...这是一个例子： <input type="text" placeholder="Birth Date" onfocus="(this.type='date')" onblur="if(this.value==''){this.type='text'}"> 在这里，我尝试了 data 元素中的 input 属性。并使用 CSS 应用所需的占位符 <input type="date" name="dob" data-placeholder="Date of birth" required aria-required="true" /> input[type="date"]::before { content: attr(data-placeholder); width: 100%; } /* hide our custom/fake placeholder text when in focus to show the default * 'mm/dd/yyyy' value and when valid to show the users' date of birth value. */ input[type="date"]:focus::before, input[type="date"]:valid::before { display: none } <input type="date" name="dob" data-placeholder="Date of birth" required aria-required="true" /> 希望这有帮助 <input type="text" placeholder="*To Date" onfocus="(this.type='date')" onblur="(this.type='text')" > 这段代码对我有用。只需使用这个即可 对于 Angular 2，你可以使用这个指令 import {Directive, ElementRef, HostListener} from '@angular/core'; @Directive({ selector: '[appDateClick]' }) export class DateClickDirective { @HostListener('focus') onMouseFocus() { this.el.nativeElement.type = 'date'; setTimeout(()=>{this.el.nativeElement.click()},2); } @HostListener('blur') onMouseBlur() { if(this.el.nativeElement.value == ""){ this.el.nativeElement.type = 'text'; } } constructor(private el:ElementRef) { } } 并像下面一样使用它。 <input appDateClick name="targetDate" placeholder="buton name" type="text"> 对于 React，你可以这样做。 const onDateFocus = (e) => (e.target.type = "datetime-local"); const onDateBlur = (e) => (e.target.type = "text"); . . . <input onFocus={onDateFocus} onBlur={onDateBlur} type="text" placeholder="Event Date" /> 我是这样做的： var dateInputs = document.querySelectorAll('input[type="date"]'); dateInputs.forEach(function(input) { input.addEventListener('change', function() { input.classList.add('no-placeholder') }); }); input[type="date"] { position: relative; } input[type="date"]:not(.has-value):before { position: absolute; left: 10px; top: 30%; color: gray; background: var(--primary-light); content: attr(placeholder); } .no-placeholder:before{ content:''!important; } <input type="date" name="my-date" id="my-date" placeholder="My Date"> 现代浏览器使用 Shadow DOM 来方便输入日期和日期时间。因此，除非浏览器出于某种原因选择回退到 text 输入，否则不会显示占位符文本。您可以使用以下逻辑来适应这两种情况： ::-webkit-calendar-picker-indicator { @apply hidden; /* hide native picker icon */ } input[type^='date']:not(:placeholder-shown) { @apply before:content-[attr(placeholder)]; @apply sm:after:content-[attr(placeholder)] sm:before:hidden; } input[type^='date']::after, input[type^='date']::before { @apply text-gray-500; } 我使用了 Tailwind CSS 语法，因为它很容易理解。让我们一点一点地分解它： ::-webkit-calendar-picker-indicator { @apply hidden; /* hide native picker icon */ } 使用其 Shadow DOM 伪元素选择器隐藏本机选择器图标（通常是日历）。 input[type^='date']:not(:placeholder-shown) { @apply before:content-[attr(placeholder)]; @apply sm:after:content-[attr(placeholder)] sm:before:hidden; } 选择所有未显示占位符的 date 和 datetime-local 输入，并且： 默认使用 placeholder 伪元素显示输入 ::before 文本 在小屏幕及以上屏幕上切换为使用 ::after 伪元素 input[type^='date']::after, input[type^='date']::before { @apply text-gray-500; } 设置 ::before 和 ::after 伪元素的样式。
Flatpickr AlpineJS 在危险范围选择上坚持插件
我有一个工作完美的 Flatpickr 日期范围日历，它将日期存储在会话存储中。这是我的代码： 我有一个工作完美的 Flatpickr 日期范围日历，它将日期存储在会话存储中。这是我的代码： <div x-data="{ chosenDates: sessionStorage.getItem('_x_range'), value: [], init() { let picker = flatpickr(this.$refs.picker, { mode: 'range', inline: false, dateFormat: 'm/d/Y', showMonths: 2, }) this.$watch('value', () => picker.setDate(this.value)) }, }" > <div class="flex items-center flex-1 gap-2 overflow-hidden border border-gray-500 rounded-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="ml-4 bi bi-calendar-event-fill" viewBox="0 0 16 16"> <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4zM16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2m-3.5-7h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5"/> </svg> <input id="rangeValue" :value="chosenDates" placeholder="Add dates" x-ref="picker" type="text" class="p-0 py-4 placeholder-gray-600 border-0 bg-none focus:ring-0 " data-input> </div> </div> 设置项目： function dateRange() { var date = document.getElementById("rangeValue").value; sessionStorage.setItem("_x_range", date); sessionStorage.setItem("start", start); sessionStorage.setItem("end", end); const start = sessionStorage.getItem("start"); } $('#rangeValue').on('focus', ({ currentTarget }) => $(currentTarget).blur()) $("#rangeValue").prop('readonly', false) ``` Receive item: if (sessionStorage.getItem("_x_range") != null) { document.getElementById("chosenRange").innerHTML = sessionStorage.getItem("_x_range"); document.getElementById("rangeValue").value = sessionStorage.getItem("_x_range"); } ``` 如果可能的话，我想学习如何使用 AplineJS 和 Persist 来设置它，以免代码过多而过期。 这可能吗？ 这是一个可能的解决方案： <div x-data="{ thePicker: null, chosenDates: $persist([]).using(sessionStorage).as('_x_range'), init() { this.thePicker = flatpickr(this.$refs.picker, { mode: 'range', inline: false, dateFormat: 'm/d/Y', showMonths: 2, defaultDate: this.chosenDates, onChange: (selectedDates) => {this.chosenDates = [...selectedDates];} }); }, }" > <div class="flex items-center flex-1 gap-2 overflow-hidden border border-gray-500 rounded-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="ml-4 bi bi-calendar-event-fill" viewBox="0 0 16 16"> <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4zM16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2m-3.5-7h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5"/> </svg> <input type="text" x-ref="picker" placeholder="Add dates" class="p-0 py-4 placeholder-gray-600 border-0 bg-none focus:ring-0" > <span title="Clear" class="text-blue-600 cursor-pointer" @click="thePicker.clear()" > X </span> </div> <div x-text="chosenDates"> </div> </div> 日期范围存储在 Alpine chosenDates 变量中，该变量通过 Persist 进行持久化并初始化为空数组。 当日期选择器初始化时，chosenDates变量用于填充defaultDate参数。 选择日期范围后，flatpicker 会触发 onChage 事件，因此我使用它将新范围复制到 chosenDates 变量中。 我添加了一个 “clear” 按钮以 flatpicker 方式重置输入字段，调用 clear() 方法（这是一个简单的示例），然后我必须将 flatpicker 引用存储在 thePicker 中变量. 我还添加了一个 通过 x-text 显示 choosenDates 的内容
我正在使用 Expo/React Native/Typescript 构建一个类似于填字游戏的小型拼图应用程序。 这是 PuzzleMain 组件的精简版本： const PuzzleMain：React.FC 我正在使用 Expo/React Native/Typescript 构建一个类似于填字游戏的小型拼图应用程序。 这是 PuzzleMain 组件的精简版本： const PuzzleMain: React.FC<PuzzleMainProps> = ({ navigation }) => { let puzzle: AcrosticPuzzleData = parseAcrosticPuzzle(PUZZLE_TEXT); const grid = <PuzzleGrid puzzle={puzzle} />; const clueView = <PuzzleCluesView puzzle={puzzle} />; const [index, setIndex] = React.useState(0); return <View style={styles.container}> {index == 0 ? grid : clueView} <View style={styles.keyboardContainer}> <Button onPress={() => setIndex(index == 1 ? 0 : 1)} title={"See " + routes[index == 0 ? "Grid" : "Clues"].key} /> <Keyboard /> </View> </View>; } 总结一下，有“网格”组件和“线索”组件，并通过按钮在它们之间进行切换。 毫不夸张地说，在我用来测试的 Pixel 5 上点击此按钮大约需要 3 秒的时间才能进行更改。我在这里做错了什么？使用Expo在网络上打开这个，它立即发生，所以可能它是Android特有的？ 我尝试过的事情： 记住 PuzzleGrid 和 PuzzleCluesView 组件（const PuzzleGrid: React.FC<Props> = memo(({ puzzle }) ...。这基本上没有什么区别。我检查过，在我为备忘录功能制作的自定义拼图比较器中没有打印任何内容，所以我认为它没有重新渲染。 改用 TabView 在组件之间滑动 - 这有效！但说实话，我真的更喜欢两者兼得，而且当我将其合并到 TabView 实现中时，按钮同样很慢。 使用 npx expo start --no-dev 并仅构建一个 apk 并安装 - 这使得速度更快，但仍然可能需要整整一两秒，这太慢了。 正如我所看到的，您正在执行条件渲染，因此每次条件更改时，整个组件都会被创建为新组件。这种方法会使渲染速度变慢，具体取决于组件的重量。 为什么备忘录不起作用？ Memo 是一种优化技术，并不能保证性能提升。 现在，提升加载速度 内部优化PuzzleGrid和PuzzleCluesView，比如每个可以接收重复道具的子组件都会被memo覆盖，重型物品会异步加载，使用loader。 使用 InteractionManager 提高加载速度，并帮助显示加载程序而不冻结 UI。 不要卸载组件，而是重叠它们并使用可见性，因为可见性不会卸载组件 而不仅仅是 {index == 0 ? grid : clueView}你可以尝试类似的事情 <View> {grid} <View style={{ // Add height and other required props to make it visible position: 'absolute', visibility: index == 0 ? 'hidden' : 'visible', }}> {clueView} </View> </View>