草庐IT

react-router6

全部标签

android - React-Native Android - 如何使用 getRealDimensions(尺寸不起作用)

经过大量研究后,我发现适用于Android的Dimensions库无法正常工作。例如,每次我使用“Dimensions.get('window').height”时,我都会得到不同的结果。这在git上有记录:Dimensions.get('window').heightissometimeswrongonAndroid解决方案是使用上面git链接中提到的“getRealDimensions”库。这是thelinktothe'getRealDimensions'但它是用java编写的,我不知道如何将它实现到我的react-nativeandroid项目中。总结如何将“getRealDim

android - 在两个堆栈之间传递参数 - React Native

我的应用程序应该有一个登录屏幕,使用Google,所以当登录后它会转到菜单屏幕。为了在验证后进入菜单屏幕后,按下后​​退按钮时不返回登录屏幕。我已经将堆栈分开,一个用于登录,一个用于其他屏幕在App.js中:constAuthStack=createStackNavigator({LoginSplashScreen:LoginSplashScreen});constAppStack=createStackNavigator({MenuScreen:MenuScreen,DetailsScreen:DetailsScreen,PhotoScreen:PhotoScreen,Documen

react dom的diff理解及性能优化

diff的三大过程当某个值变化时,他从根组件寻找(key,state,props,context)当父组件稳定时,react会跳过子组件的props的对比只有当当前组件值改变时,从他开始,所有的子孙节点都会对比propsprops是全等比较,所以,都会触发重新渲染(比如把组件A移动到父组件的某个兄弟节点位置,那么我diff的过程中,如何寻找这个组件呢,就必须跨层级递归寻找非常耗性能)所以,React假设,没有跨层级的移动组件(因为实际开发中跨层级的移动组件确实极其的少)所以diff就可以只比较同级的节点,性能从On^3变On在React15中是递归处理虚拟DOM的,React16则是变成了可以

React都有哪些hooks?

useState:用于在函数组件中使用状态(state)。它返回一个数组,第一个元素是当前状态的值,第二个元素是更新状态的函数。可以通过调用这个函数来更新状态的值。useEffect:用于在函数组件中执行副作用操作,例如网络请求、订阅事件等。它在组件渲染完成后执行,并且可以通过指定依赖项来控制何时执行或清理副作用。useContext:用于在函数组件中使用上下文(context)。它接收一个上下文对象,并返回该上下文的当前值。useRef:用于在函数组件中创建可变的引用。它返回一个可变的ref对象,可以将其与DOM元素或其他组件实例关联起来。useMemo:用于在函数组件中进行记忆化计算。它接

React使用Antd的cascader修改menu高度

需求:Antd的cascader默认高度太矮,如果选项多的话,需要自己下滑滚动条查找:如何调高呢?下面是我的解决思路:我先查看了官网的https://4x.ant.design/components/cascader-cn/,有一个拓展菜单(dropDownRender属性)的用法:但是这个menu我想修改他的height,我查找了资料,没有找到合适的方式,于是我把他打印出来:得到的结果为:于是我就瞎找看看有没有专门管这个menu样式的class名:最后发现有个.ant-cascader-menu类,于是自己引入另一个css,使用!important覆盖原有样式,最后成功:效果如下所示:

android - 找不到符号 Android React Native

所以我正在使用this包尝试将MapBox集成到我正在处理的React-Native项目中,但在运行它时我不断收到此错误。我已经按照他们页面上的说明进行操作,但我仍然得到这个,所以我假设我忘记安装了一个包或其他东西。有人知道如何解决这个问题吗?a:17:error:cannotfindsymbolprotectedListgetPackages(){^symbol:classListlocation:classMainActivity/Github/ReactApp/android/app/src/main/java/com/reactapp/MainActivity.java:17:

android - react-native map 没有为 android 加载(空白 map )

我已经在这个问题上坚持了很长时间,我开始认为也许ReactNativemap无法在Android模拟器上工作,因为我发现似乎工作的所有答案无论如何都适用于IOS。我目前正在使用安卓模拟器来运行我的应用程序。这是一个简单map的代码...classMainMapextendsComponent{constructor(){super();}render(){return()}}conststyles=StyleSheet.create({container:{position:'absolute',top:0,left:0,right:0,bottom:0,justifyContent:

【vue】Vue-Router报错:Uncaught (in promise)Error: Navigation cancelled from “/“ to “/1“ with a new navig

文章目录一、问题:二、分析:三、解决方案一、问题:二、分析:该错误是因为vue-router的内部没有对编程式导航进行catch处理,所以在使用this.$router.push()和this.$router.replace进行路由跳转时,往同一地址跳转时或者在跳转的mounted/activated等函数中再次向其他地址跳转时会出现报错。但是在3.1.0版本及更高版本中,页面在跳转路由控制台会报Uncaught(inpromise)的问题,push和replace方法会返回一个promise,你可能在控制台看到未捕获的异常。声明式导航之所以不会出现这种问题,是因为vue-router在内部已

react的严格模式 和 解决react useEffect执行两次

useEffect执行两次这个问题,主要是刚接触react的时候发的问题,当时也没总结。现在回过头来再总结一次!!!文章目录useEffect执行两次前言一、为什么useEffect执行两次1.React的严格模式(模版创建项目👇)2.React的严格模式(StrictMode包裹显渲染组件)3.React的严格模式作用作用1:识别不安全的生命周期作用2:关于使用过时字符串refAPI的警告如下图作用3:关于使用废弃的findDOMNode方法的警告作用4:检测意外的副作用(useEffect副作用)1.React的工作阶段2.React严格模式的重复调用3.Tips作用5:检测过时的cont

android - react native Android & Genymotion

我正在尝试按下Genymotion中的硬件按钮以查看开发者Activity。我正在使用OSX,nativereact教程指出在Genymotion中按CMD+M但这似乎不起作用。还有别的捷径吗?或者模拟震动的快捷方式?我使用的是Genymotion免费版 最佳答案 菜单快捷方式(在OSX上为Cmd+M)仅在菜单按钮可见时才有效。所以你需要像ChrisMartin指出的那样拖动菜单。 关于android-reactnativeAndroid&Genymotion,我们在StackOverf