草庐IT

react-templates

全部标签

android - React Native 初学者 index.android.js 没有显示

没有代码。我正在创建一个项目,但缺少一些文件。使用命令react-nativeinithelloworld项目被创建,但是index.android.js和index.ios.js不是生成或丢失,只有index.js出现。 最佳答案 这是由于最近的update.Newprojectshaveasingleentry-point(index.js)fromnowon(6e99e31)-@fson这不会在编译或运行时给您带来任何麻烦。 关于android-ReactNative初学者inde

firebase和react-检查用户验证状态

我正在研究基于应用程序的React+MOBX,并在后端使用Firebase。当前在应用程序启动上,我需要检查用户是否已登录。我正在使用firebase.auth()。onauthstatechange侦听器进行操作,但是由于它是异步函数-第一个响应始终为null。因此,我当前的解决方案是显示一些加载消息,并将setInterval功能放置在componentwillmountlifehook中的状态检查。问题是-该问题还有更优雅的解决方案吗?看答案在调用firebase.auth()。onauthstatechange之前,将您的状态修改为类似:state.authenticatedUser:

android - react-native run-android 命令失败,但 gradlew installDebug 工作

我在OSX上使用react-native0.43.3。我尝试在Android上运行应用程序并收到消息react-nativerun-androidScanning568foldersforsymlinksin/Users/ruci.k/project/mayacrew/supermembers/supermembers/node_modules(5ms)JSserveralreadyrunning.Buildingandinstallingtheapponthedevice(cdandroid&&./gradlewinstallDebug)...Couldnotinstalltheap

android - 在 React Native 中确定是否在屏幕上绘制硬件按钮

我在我的ReactNative应用程序(RN0.42)中的bottom:0处绘制了一个按钮。这在iOS和大多数Android设备上运行良好。但在没有物理硬件按钮的Android设备上,按钮栏绘制在屏幕上我按钮的正上方。所以:在这种情况下,有没有办法检测硬件按钮是物理驱动还是软件驱动来调整我的布局?或者这只是ReactNative中的一个错误,因为这只发生在模态对话框中?Nexus(绿色按钮的样式为:bottom:45,硬件按钮呈现在屏幕上):GalaxyS5:(这个设备有真正的硬件按钮,所以bottom:45太多了): 最佳答案 它

React 中 Ref 引用

不要因为别人的评价而改变自己的想法,因为你的生活是你自己的。1.React中Ref的应用1.1给标签设置ref给标签设置ref,ref="username",通过this.refs.username可以获取引用的标签,ref可以获取到应用的真实Dom节点。但是this.refs已被废弃。importReact,{Component}from"react";classAppextendsComponent{render(){return({console.log("value:",this.refs.oref.value)}}>Add)}}exportdefaultApp;1.2给组件设置ref

全网最细:Jest+Enzyme测试React组件(包含交互、DOM、样式测试)

介绍Jest是目前前端工程化下单元测试火热的技术栈,而Enzyme的支持提供了Jest测试React业务、组件的能力,下面来介绍一下React组件测试的一些实际场景。1. 测试依赖包"enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.2","enzyme-to-json":"^3.3.5","jest":"^28.1.1","jest-less-loader":"^0.1.2","jsdom":"^19.0.0",//解决mount渲染组件失败的BUG,具体见上文"ts-jest":"^28.0.5",2. 测试环境搭建由于enzyme的配置

android - react native : Resize custom UI component

我构建了一个非常简单的原生AndroidUI组件,我想在单击我的ReactNative项目中的按钮时更新其subview的大小。更准确地说,当单击此按钮时,我会向我的SimpleViewManager发送一条命令,后者又会调用我的自定义View的resizeLayout()。我可以验证resizeLayout()是否被正确调用,但布局不会调整大小直到我旋转手机。显然,更改设备的方向会触发我的自定义View的draw(),但我显式调用的invalidate()也会触发。其他布局更改(例如更改背景颜色而不是调整大小)效果很好。我的自定义组件如下所示:publicclassCustomCom

android - React native-fbsdk 未知问题?

我正在使用ReactNative0.49.5和React16.0.0-beta.5来制作应用程序。我正在使用reactnative-fbsdk(^0.6.3)进行facebook登录。已采取所有必要步骤将android与facebooksdk链接。但是当我运行react-nativerun-android时,它抛出了一个错误。CLI中的错误日志(终端):/home/sunny/projects/ReactNativeApp/node_modules/react-native-fbsdk/android/build/intermediates/res/merged/release/val

vue与react,angular的区别

Vue.js作为一个优秀的前端框架,方便前端开发者快速开发应用的前端,在实际项目中使用得比较普遍。当然Vue.js也不是实际项目中唯一的前端框架,比较优秀的前端框架还有React、AngularJS和Angular等。接下来就介绍一下Vue.js同这3个框架的对比。1.Vue.js同React的对比React和Vue.js有许多相似之处,主要有下几点:使用虚拟DOM。提供了响应式(Reactive)和组件化(Composable)的视图组件。将注意力集中在核心库,而将其他功能(如路由和全局状态管理)交给相关的库。Vue.js同React的不同之处有以下几方面。1)运行时性能React和Vue.

React路由器V4与Redux-未传递调度

因此,我一直在尝试将我的应用转换为反应路由器v4(API发生了很大变化),这就是我到达的地方:路由器设置constcreateStoreWithMiddleware=applyMiddleware(thunkMiddleware,createLogger)(createStore);conststore=createStoreWithMiddleware(rootReducer);constRouterLayout=()=>();constroutes=();ReactDOM.render(routes,document.getElementById("app-container"));现在我