草庐IT

react-beautiful-dnd

全部标签

android - 如何使用 react-native-maps 获取当前位置

我正在尝试使用react-nativemap在android设备上的当前用户地理位置渲染map。这是我到目前为止所得到的:importReact,{Component}from'react';import{View,StyleSheet,Dimensions,}from'react-native';importMapViewfrom'react-native-maps';const{width,height}=Dimensions.get('window')constSCREEN_HEIGHT=heightconstSCREEN_WIDTH=widthconstASPECT_RATIO

android - 有没有办法用 React Native 避免白色闪光

我在Android上使用ReactNative,我想弄清楚如何避免在应用程序的ReactNative部分启动之前出现白色闪光我能够阻止它的唯一方法是将应用程序主题背景颜色设置为与我的应用程序启动画面相同的颜色,问题是如果你打开键盘,你会短暂地看到背景键盘附近的应用程序...在我的场景中,在页面底部创建一个蓝色闪光对此的解决方案是在应用加载后以某种方式将应用主题颜色从蓝色改回白色,但这似乎不可能。如果背景颜色是白色,您将看不到闪光灯..有什么想法吗? 最佳答案 请尝试react-native-splash-screen这里有一篇文章可

React事件冒泡:查找目标组件

我有一个组件包装一些成分。我想避免添加onClick每个人的处理程序li而是在ul并捕获起泡的事件。从气泡事件中确定/分配点击组件的正确方法是什么?classListItemComponentextendsReact.Component{publicrender(){return(Foo)}}classListComponentextendsReact.Component{privatehandleClick(event){consttarget=event.target;//Determineclickedcomponent,orindexetc…?}publicrender(){const

React Hooks 钩子特性

人在身处逆境时,适应环境的能力实在惊人。人可以忍受不幸,也可以战胜不幸,因为人有着惊人的潜力,只要立志发挥它,就一定能渡过难关。Hooks是React16.8的新增特性。它可以让你在不编写class组件的情况下使用state以及其他的React特性。ReactHooks表现形式是以use开头的函数被称为Hook。useState是React提供的一个内置Hook。你可以在ReactAPI参考中找到其他内置的Hook。你也可以通过组合现有的Hook来编写属于你自己的Hook。跟普通函数相比,Hook比普通函数更为严格。你只能在你的组件(或其他Hook)的顶层调用Hook。如果你想在一个条件或循环

javascript - React Native - 如何 trim 字符串

我想删除字符串开头和结尾的空格。例如,给定一个字符串“Test”,我想接收“Test”。我试过JavaScript的方法和一些npm库,但它们似乎不适用于ReactNative?有什么想法吗? 最佳答案 问题出在您的setEmail调用和您使用的ES6语法中。当你这样做时:email=>this.setEmail({email})转译器将其转换为以下内容:email=>this.setEmail({email:email})这当然是一个对象。然后,在函数内部,您尝试将trim函数应用于对象,这当然会导致失败。试试这个:email=>

java - react native : How to invoke native Android layout from module?

关于thisquestion,我一直在尝试通过Android中的native模块来完成这项工作。我已经在.../java/com/myproject/multiplecamerastream声明了我的模块按照ReactNativeToastModule中的示例进行操作(这里的功能并不重要):publicclassMultipleCameraStreamModuleextendsReactContextBaseJavaModule{privatestaticfinalStringCAMERA_FRONT="SHORT";privatestaticfinalStringCAMERA_BAC

android - React Native Camera 导致 gradle 构建错误

我在Android上遇到react-native-camera问题。它在大约一个星期内工作正常,突然间,Gradle无法构建并出现以下错误:Error:Executionfailedfortask':react-native-camera:processReleaseResources'.>Error:morethanonelibrarywithpackagename'com.google.android.gms.license'据我所知,这是由不止一次加载com.google.android.gms引起的。我遵循了RNCamera文档并确保我的Gradle文件匹配。android/a

android - 对 ViewModel 中的 Activity 生命周期作出 react

我正在尝试创建一个将使用MVVM架构的应用程序,但有一件事我不太明白。Android官方文档说在ViewModel中引用Activity上下文不是一个好主意(因为ViewModel可能比Activity长寿)所以当我想在Activity恢复时执行某些操作时,我开始怀疑用例。我知道ViewModel不应该自己执行业务逻辑,但即使我使用了一些服务类(假设GPSService必须启动和暂停,每次Activity在暂停时恢复),并且在这个服务中我对ActivityonResume使用react(使用生命周期观察者)我仍然会从ViewModel引用此Activity,因为我引用的服务包含对正在观

如何在React中获得Ajax响应?

我对如何获取Ajax响应并在页面上展示它进行了很多研究,但仍然没有运气。我在用着axios当我这样做console.log(response.data)我可以看到回应,但是我正在努力在页面上展示它。这是我的代码。importReactfrom'react';importaxiosfrom'axios';classTestextendsReact.Component{constructor(){super();this.state={person:{name:"Mike",lastname:"Brown",response:[]}};}componentDidMount(){varself=th

android - React native + Android Activity onPause/onResume

我有下一个发射器的js代码:DeviceEventEmitter.addListener('keyboardWillShow1',function(e:Event){console.log(e);});如何从ActivityonPause/onResume发出此事件? 最佳答案 您可以使用此处定义的RCTDeviceEventEmitter.emit方法从java发送事件:DeviceEventManagerModule.java#L27为此,您首先需要引用ReactApplicationContext,然后调用:reactAppC