草庐IT

react-promise

全部标签

android - React Native - 运行 Android - 找不到 common.jar (android.arch.core :common:1. 0.0)

这个问题在这里已经有了答案:Error:Failedtoresolve:android.arch.core:common:1.1.0(5个答案)关闭4年前。当运行react-nativerun-android时,我得到了这个错误:*Whatwentwrong:Aproblemoccurredconfiguringproject':app'.>Couldnotresolvealldependenciesforconfiguration':app:_debugApk'.>Aproblemoccurredconfiguringproject':react-native-device-info

javascript - React Native - 如何检查 UI/元素?

我已经安装了React开发工具。但是当我在模拟器上启动我的应用程序时,我的Chrome浏览器看不到它。如果你看这个youtubeclip,您可以看到React选项卡在列表中,您可以检查应用的UI。知道为什么吗?如果React开发工具无法在我的Chrome上运行,我该如何检查应用的UI/元素? 最佳答案 Devtools“React”目前是不可能的。这是由于在devtools插件中评估应用程序脚本的方式发生了变化。您可以在https://facebook.github.io/react-native/docs/known-issues

React路由器V4&CSS过渡组

我有一个简单的示例React-RouterV4&路线过渡。它遵循所示的示例https://reaecttraining.com/reaeact-router/web/example/animated-transitions。但是,结果只是显示的最后一条路线。其他人只是空白。https://codesandbox.io/s/r0pvb30wk.importReactfrom'react';import{render}from'react-dom';import{BrowserRouterasRouter,Route,Link}from'react-router-dom';import{C

React 中ref 的使用(类组件和函数组件)以及forwardRef 与 useImperativeHandle 详解

前言在一个父组件中,我们想要获取到其中的节点元素或者子组件实例,从而直接调用其上面的方法。Class类组件和函数组件是两种不同的写法。1.Class组件中使用ref在React的Class组件中,我们通过createRef创建refclassParentextendsReact.Component{constructor(props){super(props)this.inputRef=React.createRef();}componentDidMount(){console.log(this.inputRef)this.inputRef.current.focus();}render(){

管道在Vue和Angular中的作用及React的替代方案

管道在Vue和Angular中的作用及React的替代方案前言管道起源管道特点前端中管道概念和作用概念作用React关于管道的替代方案Vue和Angular管道的区别前言本文主要讲解管道在Vue和Angular中有哪些作用以及React对于管道概念的替代方案是什么。管道起源计算机中的Pipline(管道)常被认为起源于Unix,最初Mcllroy发现很多时候人们会将shell命令的输出传递给另一个shell命令,类似于管道。所以就提出了管道的概念。并在1973年实现了这个管道概念,使用|作为pipe的语法符号。此后,很多操作系统也引入了pipe概念,而Angular和Vue框架都引入了这个概念

React 组件之属性

如果你想要实现自己的梦想,就必须先拥有勇气去追求它。1.ReactProps属性props主要解决两个问题:复用性问题以及可以让组件之间通信。属性props正常是外部传入的,组件内部也可以通过一些方式来初始化的设置,属性不能被组件自己更改(属性是描述性质、特点的,组件自己不能随意更改),但是你可以通过父组件主动重新渲染的方式来传入新的props。工程组件代码里面有props的简单使用,总的来说,在使用一个组件的时候,可以把参数放在标签的属性当中,所有的属性都会作为组件props对象的键值。通过箭头函数创建的组件,需要通过函数的参数(形参)来接收props:(1)在组件上通过key=value写

android - React Native中如何理解 "ReactContext"中的 "Sending events to Javascript"

我想使用方法sendEvent(),但是如何获取ReactContextreactContext?privatevoidsendEvent(ReactContextreactContext,StringeventName,@NullableWritableMapparams){reactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class).emit(eventName,params);} 最佳答案 不需要使用ReactInstanceMan

android - 将单个 React Native View 添加到现有 Android 应用程序的正确方法是什么?

我正在处理一个现有的大型Android和iOs项目,我的团队想采用ReactNative。起初,我们想在RN中实现一个功能,因为我们没有能力一次性迁移整个项目。我已经成功地从本地节点服务器和位于Assets文件夹中的JS包文件添加了一个RNView,但感觉有点老套。我知道这在iOs上受支持,但我在文档中找不到任何关于与现有Android项目集成的内容。这是我想出的要点:publicclassReactNativeViewextendsFrameLayout{privatestaticfinalStringCOMPONENT_NAME="AwesomeProject";//Pathofo

android - React Native GeoLocation 不适用于 Android

谁能确认ReactNativeGeolocation是否真的在Android上运行?我遇到了使用getCurrentPosition()方法时位置请求超时的问题,而使用watchPosition()方法时没有错误消息。我已经在AndroidManifest.xml上添加了所需的权限(FINELOCATION),并且该应用允许位置权限。这是我的实现:componentWillMount(){navigator.geolocation.getCurrentPosition((position)=>{console.log('+++++++');console.log(position.co

android - WebStorm react-native 调试不工作

我正在使用WebStorm从AndroidStudio虚拟设备开发一个react-native应用+一个模拟器。应用程序从WebStorm很好地加载到模拟器中,但调试器不工作,不会在断点处停止。这是我的设置:这是WebStorm的配置:模拟器中的设备是Nexus5XAPI22(Android5.1x86),我在第一次加载后启用了“远程JS调试”。WebStorm输出:/usr/local/bin/node--debug-brk=60746--expose_debug_as=v8debug/Applications/WebStorm.app/Contents/plugins/JavaSc