React Native 0.75 重磅发布:性能飞跃与重要更新全面解析
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读React Native 0.75 的发布标志着一个重要的里程碑,该版本通过一系列有影响力的更新和更改,旨在提高性能、稳定性和整体开发者体验。以下是此版本中包含的增强功能、新特性和重大更改的全面概述。亮点 🚀Yoga 3.1 的增强和布局改进React Native 0.75 引入了 Yoga 3.1,...
2024-08-29
react脚手架项目webpack@4.44.2配置less,antd按需加载,路径别名
antd按需加载需要安装babel-plugin-import,less,less-loader在webpack.config.js的 oneOf 后面添加less配置 {代码...} 在webpack.config.js中的getStyleLoaders方法后面添加此段 {代码...} 配置路径别名找到webpack.config.js中的alias配置 {代码...} 如果是ts项目需要在tsconfig.json文件中添加声明 {代码...}
2021-08-25
开源了两个小插件
开源两个自己之前写的小工具,koa-router-decorator与react-native-dynamic-stylesheet. koa-router-decorator 链接在此:koa-router-decorator第一个是用装饰器写路由的工具。 想法源于flask,之前看flask写的路由,觉得用装饰器写的话,会比较优美,然后就写了这个插件。效果如下: react-native-dynamic-sty2lesheet ...
2017-05-22
ReactJS新闻 #22 Next.js发布2.0
Next.js是热门的通用(服务器端)的React延伸框架,近日发布了2.0版本。2.0的目标有三个,是针对性能、错误处理与提供更好的文件与例子。
2017-04-03
都2021年了,还有必要学Flutter吗
由于手机APP的运行受不同操作系统的限制,目前大多数的移动APP应用开发仍然需要针对不同的系统环境进行单独的开发。不过,为了降低开发成本、提高代码复用率,减少开发者对多个平台差异适配的工作量一直是跨平台开发框架追求的目标。
对react-native-percentage-circle修改,实现圆环旋转一定角度
因此,首先我们想到可能要用的transform来实现,但实践发现有各种问题。最后,本人决定是否可以通过修改源码实现旋转效果,对组件的index.js研究发现可以对组件加上一个props属性rotate,实现圆环旋转效果。
在 React Web 和 原生 App 中共享代码
本文讲的是一种在 React Web 和 React Native 共享应用程序逻辑,但在每个平台保持独立的渲染特性的方法。示例应用程序可以在 这里 上找到。
2016-06-07
【入门篇】react-native
JDK(必须,不解释)SDK(建议使用Android Studio,集成SDK以及模拟器)genymotion(如果是使用真机或者Android Studio自带的模拟器,可以选择不装)NVM(node版本控制器,需要node4.0以上版本)
ReactNative 抽屉组件 侧边栏 react-native-side-menu
示例图: 安装 {代码...} 使用 引入组件 import SideMenu from 'react-native-side-menu'; 使用组件: render() { {代码...} menu 为 抽屉内部的组件 , 展示在抽屉上的内容 . ContentView 为主页面视图 , 是抽屉关闭时页面上展示的内容 . 组件的属性 demo代码 新建项目,安装好 react-native-side-menu库 , 替换APP.js中的...
在现有的原生应用中嵌入React Native页面(ios版)
原生包RN。应用入口由原生代码控制,页面跳转逻辑由原生主导。某些跨平台业务逻辑页面由RN开发。充分利用RN的跨平台特性,较少原生开发的巨大成本。
使用React Native Reanimated实现无缝的UI过渡
在使用应用程序时,对象、页面、模态框和其他组件的流畅移动可以提升我们的用户体验,并鼓励用户回归。没有人愿意使用出现故障且无法正常移动的应用程序。
2024-06-18
react-native-reanimated 与react-native-svg 使用中的一个小问题
使用react-native-reanimated 可以在使RN 上的动画更加流畅。使用它的陈述式的api 将动画预先定义好。并在UI 线程中运行,避免了js 与native 的交互。实现了60FPS 的动画效果。
2020-12-12
【Copy攻城狮日志】React Native 集成 HMS Core
当我想写这样一篇文章的时候,取一个怎样的标题就把我难住了,其实今天只想讲明白一件事:“JavaScript 技术栈如何接入 HMS Core 从而实现‘超能力’的 App 开发?”,更直接一点就是“如何使用 React Native 集成 HMS Core?”。首先,为什么是 React Native?目前在大前端领域,跨端的框架选择并不多,除了多年依旧没发布 1....
2022-03-10
选React Native还是Flutter?救救选择困难症的孩子吧!
大家好,我是倔强青铜三。是一名热情的软件工程师,我热衷于分享和传播IT技术,致力于通过我的知识和技能推动技术交流与创新,欢迎关注我,微信公众号:倔强青铜三。欢迎点赞、收藏、关注,一键三连!!!
2024-12-09
React Native 0.76:重大更新引领移动开发新潮流
2024年10月23日,React Native发布了具有里程碑意义的0.76版本,这一版本带来了众多令人瞩目的更新,将对移动应用开发产生深远影响。
React-native 集成react-native-getui 爬坑
问题:集成后react-native run-android 可以运行,但是打包的时候报错。 解决方法 修改react-native-getui包下面android目录下的 build.gradle 1.首先在node_modules中找到报错的包里面的build.gradle,比如我这个就是\node_modules\react-native-getui\android\build.gradle;2.修改这个build.gradle,使其与android/bui...
ReactNative打离线包-android篇
官方文档:[链接] 官方文档2:[链接] 离线包就是把RN和你写的js图片等资源都打包放入app,不需要走网络下载。 打包命令说明 react-native bundle Options: --entry-file Path to the root JS file, either absolute or relative to JS root [required] --platform Either "ios" or "android" --transformer Specify a cu...
2015-12-24