使用 socket.io 的 React Native 无法工作
i创建简单的socket.io服务器和React Native Project并进行了测试,但是socket.io on React Native根本不起作用. 我在控制台上打印了" socket.io-client",并且加载得很好,然后用使用socket.io制作了简单的html文件,它起作用,但只有反应本机不起作用. 我正在使用React Native 0.26.2,socket.io 1.4.6. 这是我的服务器代码: "strict mode"; const express = require('express'); const app = express(); const http = require('http').Server(app); const io = require('socket.io')(http); io.on('connection', (socket) => { console.log('user connected'); });
28 2024-04-23
编程技术问答社区
如何在 react-native-webview 中保持 django 网络会话处于活动状态?
基于此 and >我试图将我的会话保留在iOS中,即使我在请求中将cookie传递给了cookie,但我仍在退出并重新打开应用程序时,我仍在回来,上述链接的差异是我正在使用django及其它会议 export default class App extends Component { constructor(props) { super(props); this.currentUrl = ''; this.myWebView = React.createRef(); this.state = { isReady: false, cookiesString: '', userAgent: '', }; } UNSAFE_componentWillMount() { // CookieManag
14 2024-04-22
编程技术问答社区
BotFramework V4:如何从机器人发送事件并在react WebChat中捕获它?
我从我的bot(.NET SDK)发送一个名为" LocationRequest"的事件 Activity activity = new Activity { Type = ActivityTypes.Event, Name = "locationRequest" }; await stepContext.Context.SendActivityAsync(activity, cancellationToken); 我想基于在React中编码的可移动web-chat,在Webchat客户端应用程序中捕获此事件,并将布尔的位置设置为true: const store = createStore({}, ({ dispatch }) => next => action => { if (action.type ==
2 2024-04-19
编程技术问答社区
在react-native中配置项目':app'时出现问题,并给出一些字节码作为错误。
在我运行React-Native应用程序时创建项目后, 它给了我这个错误. FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring project ':app'. > Failed to notify project evaluation listener. > Uninitialized object exists on backward branch 142 Exception Details: Location: com/android/build/gradle/internal/pipeline/VariantInfoImpl.(Lcom/android/build/gradle/internal/scope/VariantScope;)V @200: goto Reason: Error e
4 2024-04-05
编程技术问答社区
React Native: 透明视图后面的按钮
出于布局目的,我在React Native应用程序中在视图上呈现了几张图像.这些图像位于屏幕的顶部,左右边界.它们由具有透明背景的View组件包含. 这意味着屏幕的所有内容都将在该View组件后面.我的问题是我现在无法触摸我的任何实际内容,因为它已被透明View 覆盖 问题:我如何触摸反应本中透明视图背后的组件? 我不能成为第一个处理此问题的人,但在线似乎有很少的文献记载 解决方案 一个简单的解决方案是将pointerEvents prop设置为none的none tormparent View: {/* your corner images */} 由于React Native 0.71.0,也可以将其设置为style属性: {/* your corner images */}
4 2024-04-05
编程技术问答社区
不可见的反应-原生按钮
我正在尝试制作一个简单的登录屏幕,其中我有2个文本输入和一个视图中的按钮. 可见文本输入,但是当我将其保存在视图 中时,该按钮不可见 以下是登录屏幕的代码 import React, { Component } from 'react'; import { StyleSheet, Text, View, Image, TextInput, Alert, Button } from 'react-native'; export default class Login extends Component { constructor(props) { super(props); this.state = {}; } onButtonPress= () => { Alert.alert('Button has been pressed!'); };
2 2024-04-05
编程技术问答社区
React Native onStartShouldSetResponder和onResponderRelease?
我已经创建了一个按钮,我想在单击时呼叫函数,然后在发布时再次调用函数.正常的触摸性或其他功能将仅在释放单击时触发功能,我需要在单击和释放时启用功能. this.clickOn()} onResponderRelease={() => this.clickRelease()}> Button 上面的代码可以单击,但不发行.我还尝试了OnResponderReject,但这也不起作用.很难找到该命令应该是什么. 解决方案 也有同样的问题. onStartShouldSetResponder需要返回true. onStartShouldSetResponder={(e) => { /*do whatever*/;
4 2024-04-05
编程技术问答社区
在React Native中为onPress函数添加多个事件
当我按按钮时,它应该导航到另一页,并且还增加了视图计数. ,但无论如何我都无法同时实施它们. 这是我的代码: this.setState({views: ++this.state.views})}> 解决方案 yourFunction(){ Actions.ideaOnClick(); this.setState({views: ++this.state.views}); } 其他解决方案 只需创建一个可以完成这两个事情的函数即可.没有其他方法(如果lib具有utillity,它将做类似的事情),因为onPress是一个函数. { Actions.ideaOnClick()
4 2024-04-05
编程技术问答社区
改变按钮的颜色(切换功能) React Native
希望一切都好. 我似乎在基本按钮功能方面遇到困难.我需要的只是课程的状态要更改,并且每次按下按钮时都可以更改按钮样式.与touchableHighlight不同,我需要更改颜色以保持直到按钮再次按下(要返回原始颜色). 我尝试使用切换式,但似乎并不容易将其样式化为圆形按钮,因此并没有真正奏效.我是一个新手,所以仍在学习,非常感谢您的帮助.这是我到目前为止所拥有的: 'use strict'; var React = require('react-native'); var Dimensions = require('Dimensions'); var window = Dimensions.get('window'); var Icon = require('react-native-vector-icons/FontAwesome'); var { AppRegistry, StyleSheet, Text, View, NavigatorIOS
4 2024-04-05
编程技术问答社区
在点击按钮时反应本地水平滚动
我是React Native的初学者.如您所见,从 image 我有滚动视图和两个按钮.我已经成功地实现了正常工作的滚动视图,但我也想在按钮的按下自动滚动.我尝试了很多搜索,但没有得到任何有效的东西.因此,任何帮助都将受到赞赏.请在下面找到我的代码. 在 import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View, Dimensions, ScrollView, Button } from 'react-native'; var screenWidth = Dimensions.get('window').width; export default class App extends React.Component { render() { return (
6 2024-04-05
编程技术问答社区
在react native中获取按钮onPress的名称
我有两个按钮,两个按钮都调用相同的OnPress函数.在回调中,我希望能够区分被按下. 然后呼叫 _toggle(event) { //what should go here to figure out if title A or B was called? } 解决方案 一种解决方案是将该信息作为参数传递: this._toggle(event, 'A')} /
6 2024-04-05
编程技术问答社区
react-native APK崩溃,出现 "未知 "错误
我的反应生长环境在Windows 7上;直到昨天工作正常,但是突然间,APK在加载捆绑包后报告了一个错误. 错误消息: Unknown run NativeRunnable.java handleCallback Handler.java:873 dispatchMessage Handler.java:99 dispatchMessage MessageQueueThreadHandler.java:29 loop Looper.java:193 run MessageQueueThreadImpl.java:232 run Thread.java:764 我为这个错误做了Google,但没有运气.我尝试使用npm start -- --reset-cache清除缓存,但仍然存在错误. 我找到并尝试了类似的帖子,但他们的解决方案也行不通. 错误logcat: 06-16 14:30:16.144 58
6 2024-04-05
编程技术问答社区
react-native捆绑程序可以检测未使用的文件吗?
考虑有一个方案,我们在其中构建具有release模式的react-native时,同时具有以下代码: let img; if ( __DEV__ ) { img = require('./debug-image.png'); } else { img = require('./real-image.png'); } 我的问题是,debug-image.png和real-image.png都将捆绑到APK中(即使debug-image.png从未在其他任何地方使用),或者Bundler检测到debug-image.png文件不是二手(并且不包括在捆绑中)? 解决方案 手动测试: 我们可以通过构建无符号释放APK(如let bigFile; if (__DEV__) { bigFile = require('./big-file.dat'); } else { bigFile = require('./small-file.dat'); } 在if (
6 2024-04-05
编程技术问答社区
React Native 0.57.x <图像/> 大图像低质量
即使使用resizeMethod="resize",加载大型捆绑图像时也确实存在低质量. 这仅发生在Android上,而不会在任何iOS模拟器/设备上发生.已经在Android 8.0上在Android 8.1模拟器和LG G6上测试了它.请参阅屏幕截图. 在左屏幕截图上,我们看到具有 rn 0.56.0 的完全相同的代码,在右屏幕截图下,我们看到 rn 0.57.5 .代码只是一个简单的图像,图像大小为2111 x 4645 pixels.这两个项目都是使用react-native init RN057ImageTest和react-native init --version="0.56.0" RN056ImageTest的新鲜安装的. 带有图像的简单应用 ... type Props = {}; export default
4 2024-04-05
编程技术问答社区
没有考虑到React native bundle的变化
我有一个具有此方法的组件: onRegionChangeComplete = (region) => { var mapHeight = windowHeight - 124; var centerCircleLatitude = region.latitude + (mapHeight - windowWidth - (topSize * 2)) * (region.latitudeDelta / (2 * mapHeight)); var centerCircleLongitude = region.longitude; RestaurantsActions.setRegion(radius, region.longitude, region.latitude, region.longitudeDelta, region.latitudeDelta, centerCircleLongitude, centerCircleLatitude, windowW
4 2024-04-05
编程技术问答社区
如何在Android中捆绑React Native的图像资源?
我使用 react-native bundle --entry-file "index.android.js" --platform "android" --bundle-output "./assets/index.android.bundle" --verbose 包装JS代码捆绑包并将其放入资产中,它有效,但无法显示本地图像资源,位于./App/Img/文件夹中的本地映像资源,并在以下方式中使用: const icon1 = require('./App/Img/slider.png'); 我如何也可以捆绑此资源文件,以便我可以生成一个运行的APK. 解决方案 我使用捆绑命令将资源捆绑到Android Res/文件夹中: echo "START bundle for android normal resources release" react-native bundle \ --platform android \
8 2024-04-05
编程技术问答社区
错误。在试图解决模块@apollo/client的时候,React Native
安装新版本的Apollo客户端后,获取此错误.我尝试了其他版本并降级,但什么也没有.我也尝试在Metro.config.js中指定文件类型的" CJS"类型的文件(@apollo/client/main.cjs),但没有. 错误 error: Error: While trying to resolve module `@apollo/client` from file `****\src\api\queries\home.js`, the package `****\node_modules\@apollo\client\package.json` was successfully found. However, this package itself specifies a `main` module field that could not be resolved (`****\node_modules\@apollo\client\main.cjs`. Indeed,
10 2024-04-05
编程技术问答社区
什么是React Native'的捆绑,以及它的目的?
我试图理解捆绑包的确切目的是什么,我不能或不能对其做什么,... 我看到,当您运行命令" react-native start"时,包装器被初始化了,当您在设备/模拟器上运行使用"反应本地运行android"或" .. run-ios'.在包装器的输出中,您可以看到要构建的软件包.您还可以在使用Android文件夹中使用Android Gradle命令(例如" Gradle AssembleRease")时构建此软件包. 我知道它捆绑包 JavaScript代码.我还看到了一些有关如何"使用离线捆绑包"的信息. (那是什么意思?) 我感谢您在找到有关此信息的清晰信息时的任何帮助,因为我真的想知道为什么人们会使用离线捆绑包. 解决方案 捆绑包确实是" JavaScript".在开发中,捆绑包可能来自您的react-native start开发服务器.这样,如果更改了代码,服务器将通过Websocket向客户端发送请求,以下载新代码或即时更新代码.因此,您可以说该捆
4 2024-04-05
编程技术问答社区
在试图创建发布包时,无法解决模块'AccessibilityInfo'。
我正在运行 react-native bundle --platform windows --dev false --entry-file index.windows.js --bundle-output windows/app/ReactAssets/index.windows.bundle --assets-dest windows/app/ ReactAssets/ 命令创建发行版捆绑包,但是我会得到以下错误 Unable to resolve module `AccessibilityInfo` from `C:\Users\godha.pranay\project\node_modules\react-native\Libraries\react-native\react-native-implementation.js`: Module does not exist in the module map This might be related to h
0 2024-04-05
编程技术问答社区
ReactNative。未发现的类型错误。无法读取未定义的属性'forEach',同时构建KitchenSink演示。
我试图编译"厨房链接"演示,以"反应态": nativebase-kitchensink ,我已经遵循以下链接: 解决方案"找不到本机:找不到Android Project. > 解决方案" Expo:找不到模块LogReporter" 也就是说,从安装'npm'到使用"纱线"安装所需工具. 现在我被困住了: a.我在此项目的"根目录"中运行命令npm install. b.然后我运行expo start,我看到链接1和2中解决的问题已经消失. c.然后,当浏览器启动时,我发表expo build:android 显示以下错误: [11:14:44] Checking if current build exists... [11:14:48] No currently active or previous builds for this project. [11:14:50] Publishing to channel 'de
4 2024-04-05
编程技术问答社区