草庐IT

react-router6

全部标签

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太多了): 最佳答案 它

Vite4+Typescript+Vue3+Pinia 从零搭建(5) - 路由router

项目代码同步至码云weiz-vue3-templateVueRouter是Vue.js的官方路由。它与Vue.js核心深度集成,让用Vue.js构建单页应用变得轻而易举。1.安装npmivue-router@42.集成1.新建两页面进行示例在src/view下新建home.vue和login.vue,内容如下:defineOptions({name:'V-home'})homepagelogin.vue里修改下对应name即可2.src下新建router文件夹index.ts作为路由入口,static.ts作为静态路由,modules内还可以放入其他类型路由,整体目录结构如下:src|+---

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

vue工程项目案例(图书管理+用户管理) vue-router + element ui Plus

提示:文章有点长,请各位小伙伴耐心观看文章目录效果图一、准备工作1、创建vue3的工程文件1、创建对应目录文件2、修改全局样式1、删除src下的assets下的样式文件只保留svg文件2、在src下的main.js中注释掉import'./assets/main.css'3、删除app.vue里面的style以及其他不必要组件2、安装elementuiPlus二、开始编写基本页面1、头部导航编写1.1、创建3.2vue模版1.2、在BarComponent.vue文件中使用elementuiPlus的Navigation导航中的Menu组件1.3、修改报错部分1.4、改造模版1.5、加入跳转效

全网最细: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