react-native 相关问题

React Native允许您使用React构建本机移动应用程序。 React Native的重点是在您关注的所有平台上实现开发人员效率 - 学习一次,随处写作。

React Native Firebase:实时数据库监听并设置数据,推送通知不再触发

Firebase 版本 “@react-native-firebase/app”:“18.1.0”, “@react-native-firebase/auth”:“18.1.0”, "@react-native-firebase/database": "18.1.0&q...

回答 1 投票 0

如何制作具有模糊效果的蒙版?

我试图在 React Native/Expo 中重现以下布局,我发现 @react-native-masked-view/masked-view 乍一看似乎可以满足我的需求。 我需要一张地图(我正在使用...

回答 3 投票 0

如何在React Native中创建动画渐变?

我正在尝试为我的博览会应用程序创建动画渐变。我知道这可以为使用纯 CSS 的网站完成: 。容器 { 背景:线性渐变(45deg,“红色”,“绿色”,&...

回答 1 投票 0

xcode 使用错误的node.js 版本

我是 React Native 的新手。我使用react-native init XXX创建一个新项目。当启动 xcodeproj 时,我收到一条错误消息: const setupEnvScript = /^win/.test(process.platform) ^^^^^

回答 7 投票 0

如何更改视图的外部颜色/阴影?

我正在尝试制作一个图像选择器。 我有2个看法。 我正在尝试制作一个图像选择器。 我有 2 个观点。 <View className="flex-1 w-full h-full relative items-center justify-center"> <View style={{ height: 300, width: "full", position: "absolute" }}></View> </View> 我希望内部视图在其外部投射阴影,如图所示。我尝试使用阴影,但似乎不起作用。 在反应中我有 box-shadow: 0 0 0 9999px #ffffff77;但我不知道如何在react-native中实现这一点。 react-native 中没有 box-shadow。您可以使用 elevation 来表示盒子阴影。 shadowClass: { shadowColor: '#ffffff77', // For ios shadowOffset: { width: 0, height: 0 }, // For ios shadowOpacity: 0.8, // For ios shadowRadius: 10, // For ios elevation: 5 // For android } 参考 https://reactnative.dev/docs/view-style-props#elevation-android

回答 1 投票 0

为什么我的图像没有显示在我的 React 项目中?

我刚刚开始学习 React,我正在尝试构建一个静态 HTML 页面。除了拒绝显示 React 徽标图像之外,一切正常。 我刚刚开始学习 React,我正在尝试构建一个静态 HTML 页面。除了 React 徽标图像拒绝显示之外,一切正常。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="theme-color" content="#000000" /> <meta name="description" content="Web site created using create-react-app" /> <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> <link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> <title>React App</title> </head> <body> <div id="root"></div> <script src="index.js"></script> </body> </html> import React from "react" import ReactDOM from "react-dom/client" const page = ( <div> <img src="first-project/public/logo512.png" width="40px"/> <h1>Fun facts about React</h1> <ul> <li>Was released in 2013</li> <li>Was originally created by Jordan Walke</li> <li>Has well over 100k stars on Github</li> <li>Is maintained by facebook</li> <li>Powers thousands of enterprise apps, including mobile apps</li> </ul> </div> ) const root = ReactDOM.createRoot(document.getElementById("root")) root.render(page) 我从 public 文件夹中复制了图像,但由于某种原因,它无法在网络浏览器上正确显示。 下图显示了图像在网页上的显示方式 下图显示了我的IDE: 将您的图片网址更新为 <img src="/first-project/public/logo512.png" width="40px"/> 如果您想使用您的方法,请仅在src文件夹中添加图像,不推荐这样做。

回答 1 投票 0

世博会与socket.io websocket连接失败

我正在尝试从 Expo 应用程序内连接到 socket.io 服务器。我在连接到我的服务器时遇到问题。我有一个网络应用程序可以很好地连接到服务器,所以服务器是w...

回答 2 投票 0

MacBook M1 上的 React Native Expo:开发过程中出现“EMFILE:打开文件太多,请观看”错误

我正在使用带有 M1 芯片的 MacBook Pro 上的 Expo 开发一个 React Native 应用程序。我的开发环境包括 VS Code 以及所有必需的 React Native 和 Expo 依赖项。不过,我

回答 1 投票 0

React-Native 中的组件化,使用 redux 工具包在 npm 中发布

我目前正在使用 React-Native 进行一些项目,它们的设计彼此相似。然后就有机会使我们的自定义组件可重用。 我们有带有

回答 1 投票 0

RequireNativeComponent:在 UIManager 中找不到“RTCVideoView”

这是我的代码: 从 'react' 导入 React, { Component }; // 从 'react-native' 导入 { Platform }; 进口 { RTCP对等连接,

回答 2 投票 0

不变违规:requireNativeComponent:在 UIManager 中找不到“RCTYouTube”

详情如下:- 我使用命令行 npx expo-cli init youtube 生成了我的 React Native expo 项目 然后我参考了这个链接:- https://www.npmjs.com/package/react-native-youtube 我

回答 2 投票 0

React Native - requireNativeComponent:在 UIManager 中找不到“RTCVideoView”

这是我的代码: 从 'react' 导入 React, { Component }; // 从 'react-native' 导入 { Platform }; 进口 { RTCP对等连接,

回答 2 投票 0

React Native 键盘白色闪烁

在我的 React Native 应用程序中显示和隐藏键盘时,键盘所在的位置会出现白色闪烁,请参阅以下内容: https://photos.app.goo.gl/Bwmin9T1R4OAO9tB3 我正在使用

回答 4 投票 0

底部工作表模式在 Android 中不起作用

我正在使用底部表单模态作为使用本机反应的移动应用程序的引用列表,我的模态在ios中正常工作,我可以向下滚动到底部而没有问题,但在android中......

回答 1 投票 0

Expo Router - 导航到另一个屏幕

我想将屏幕从菜单屏幕切换到另一个屏幕,但不知道该怎么做 我在我的 Menu.tsx 组件中尝试了这个 我想将屏幕从菜单屏幕切换到另一个屏幕,但不知道该怎么做 我在我的 Menu.tsx 组件中尝试了这个 <Pressable style={styles.totalContainer} onPress={() => router.push("../../components/Cart/Cart")} > <Text style={styles.cartTitle}>Cart | </Text> <View style={styles.cartInfo}> <Text style={styles.cartItems}> {orders.length} {orders.length === 1 ? "item" : "items"} </Text> <Text style={styles.cartTotal}> Rp. {orders.reduce((total, order) => total + order.price, 0)} </Text> </View> </Pressable> 但它不起作用,这是我的文件结构 index.tsx const index = () => { return ( <View style={{ flex: 1 }}> <Greet /> <Menu /> </View> ); }; 请帮助我 您似乎不熟悉您的应用程序所获得的路由器结构。 使用 onPress={() => router.push("../../components/Cart/Cart")} 无法工作,因为没有名为 /components/Cart/Cart 的路线 使用 onPress={() => router.push("/Cart/Cart")} 或者您可以在 index.tsx 文件夹中添加 Cart 并执行 onPress={() => router.push("/Cart")} 我假设您使用的是应用程序路由器而不是标准路由

回答 1 投票 0

无法删除React Native中的目录 动画或 uild 或 rm64-v8a

我正在尝试运行反应本机应用程序。然而,它突然给了我一个错误。我尝试重新安装一切。我尝试删除重新启动的文件夹,但它无法删除另一个文件夹

回答 1 投票 0

- 在插件“com.facebook.react”中输入“com.facebook.react.tasks.BundleHermesCTask”属性“entryFile”指定不存在的文件

在构建 Android APK 时,我遇到一个问题: 在插件“com.facebook.react”中,输入“com.facebook.react.tasks.BundleHermesCTask”属性“entryFile”指定文件“../index.js”,但不...

回答 1 投票 0

如何在React Native中添加盒子阴影

我正在尝试重新创建下图中的阴影,需要一些帮助。 我应该为此使用什么 CSS 属性?我知道我需要边框半径,但我不确定还有什么其他属性可以帮助我实现......

回答 2 投票 0

React Native Expo 移动应用程序中的 HLS m3u8 直播

我需要在 Expo React 本机应用程序中显示实时流视频。我尝试了 expo-video,但如果我没记错的话,它只能播放 mp4 视频而不是实时流。 我不想退出世博会。有没有什么展会...

回答 1 投票 0

React-Native 未定义浏览器选项卡标题? React-router-dom 导航

我们在使用react-native时遇到一个问题,当我们使用react-router-dom导航到另一个页面时,它会将您发送到正确的页面,但选项卡标题显示未定义。一旦你恢复...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.