ReactNative
关注
分享
扫一扫
survivorsfyh
Do your best to meet the best friend!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Cannot initialize a parameter of type ‘NSArray＜id＜RCTBridgeModule＞＞ *‘ with an rvalue of type ‘NSArr
Cannot initialize a parameter of type 'NSArray *' with an rvalue of type 'NSArray *'原创 2023-04-14 11:07:50 · 372 阅读 · 0 评论 -
ReactNative 中安卓端 TextInput 键盘弹出防止遮罩
ReactNative 使用 TextInput 组件的时候，苹果端适配的效果很友好，安卓端可能会遇到键盘弹出后遮住 input 输入框的情况，那么可能会因为如下配置导致的；将此配置参数变更即可，暂时经过测试过后无需添加 KeyboardAvoidingView 并特殊处理 keyboardVerticalOffset 属性即可，可供大家参考；首先，在 Android 项目工程中 app => src => main => AndroidManifest.xml 中 activity原创 2021-04-01 11:08:03 · 907 阅读 · 0 评论 -
安卓端打包 Error: Duplicate resources - ReactNative
项目真机打包安卓端的过程中遇到了如下异常提示：Error: Duplicate resources简单看了下控制台中的提示信息，某些资源文件重复，首先尝试了手动删除的方式，但再次尝试打包依然未能成功，后使用如下方式顺利成功，具体操作如下：解决办法首先，锁定项目工程目录下 node_modules -> react-native -> react.gradle 文件；其次，在该类的 doFirst 代码块后添加如下 code 代码块： do.原创 2020-09-25 17:22:41 · 2513 阅读 · 0 评论 -
Resource and asset merger: Duplicate resources - RN
一波未平一波又起，使用 ReactNative 开发的项目迭代过程中集成了react-native-image-picker类库后苹果端运转还算相对稳定，注意添加两端的功能访问的系统权限后正常调用方法实现业务逻辑即可；因之前一直使用苹果端 iPad 开发调试，后打包 ipa 包也很顺利，但在打包安卓端 apk 的时候遇到了重重问题 。。。先是index.android.bundle is packaged correctly for release的问题，抛出了如下异常：Unable to...原创 2020-09-10 16:18:59 · 4107 阅读 · 0 评论 -
index.android.bundle is packaged correctly for release - RN
因项目迭代新增拍照采集的需求，过程中工程中集成了react-native-image-picker的类库，集成和方法调用都还算顺利，但打包安卓 apk 的时候遇到了问题（注：苹果还是很友好的，全程比较顺利！）抛出了如下异常：Unable to load script. Make sure you're either running a Metro server (run 'react-native start') or that your bundle 'index.android.bundle'..原创 2020-09-10 16:12:57 · 1070 阅读 · 0 评论 -
[SyntaxError: JSON Parse error: Unterminated string] - RN
[SyntaxError: JSON Parse error: Unterminated string]嗯，跟服务端调了大半天快崩溃了。。。结果是传输字段类型不匹配！！！Fuck！！！坑人的接口文档啊，哈哈哈哈哈~剧情是这样的，起初服务端接口文档中定义的类型是数组类型 :)数组类型顾名思义：[a,b,c,d,e,f]最后通过 form 表单的方式将其传输过去即可，殊不知怎么传怎么不行，一直抛出如上的异常提示；经过多次尝试后发现抛出其异常的原因还是数据格式传输存在问题！！！是数组...原创 2020-09-09 17:35:01 · 1760 阅读 · 0 评论 -
ReactNative 之 Alert 两个按钮方式 - RN
日常开发中 Alert 提示框的样式经常会使用到，如下简单实现一个 ReactNative 的 Alert 两个按钮方式的样式实现，具体 code 如下：const nav = useCallback(async => { return Alert.alert('提示', '具体提示信息内容', [{ text : '确定', onPress : () => { }, }, { text : '取消',原创 2020-08-27 19:52:04 · 470 阅读 · 0 评论 -
ReactNative 计时器组件 - RN
初识 ReactNative 正巧项目中遇到了一个计时器的需求，官方没有找到提供现成的组件便尝试着用钩子方式（useState、useEffect）简单封装了个小组件，具体如下：首先，将时间进行转换处理并与钩子相互关联const [span, setSpan] = useState(Math.floor((Date.now() - new Date(start.replace(/-/g,...原创 2020-03-28 20:01:32 · 1203 阅读 · 0 评论 -
位数不足零来补位 - js
在计时器或者倒计时的场景经常会遇到时间位数不足两位的情况，此处需要补位来填补空缺，使得 UI 界面更加舒适美观，直接调用如下方法即可搞定，具体 code 实现如下：export function YHFormatZero(num, len) { // 当前数字位数不足即向数值前面位数补零 /** * 例如： * <Text>{formatZero(数值...原创 2020-03-28 18:16:46 · 821 阅读 · 0 评论 -
TypeError: undefined is not an object (evaluating '_react.default.defaultProps.object') - RN
TypeError: undefined is not an object (evaluating '_react.default.defaultProps.object')在 ReactNative 项目开发中，起初对组件属性进行检测的时候使用了 defaultProps 属性，但抛出了如上的异常提示解决办法将如上 defaultProps 属性替换为 React 中的 pr...原创 2020-03-28 15:18:45 · 7205 阅读 · 0 评论 -
ReactNative 之 TouchableHighlight 组件简易使用 - RN
因 ReactNative 的 Button 组件对 iOS 和 Android 的样式存在差异，所以改变套路尝试使用 TouchableHighlight 手势响应控件来替代按钮的思路，具体 code 如下：export function CallAdminEvent() { // 按钮点击事件 - 右导航栏 const { signIn } = useContext(AuthCo...原创 2020-03-24 15:34:01 · 390 阅读 · 0 评论 -
ReactNative 修改导航状态栏相关属性 - RN
近期接了个使用 ReactNative 为基础的项目，也算是对此正面做进一步的了解，因项目设计有些个性化，前前后后跟 @react-navigation/stack 组件折腾了一番，也尝试了自定义导航组件，最后还是回归使用了官方的导航组件，特此对StatusBar简要归纳，官方文档中也介绍的很详细，可以通过文档或者直接跳转进组件中查看对应的属性和方法如下简要对会常用到的一些属性简要归纳，以便...原创 2020-03-23 15:26:32 · 797 阅读 · 0 评论 -
error Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65.- RN
一波一波又一波啊，最近一路掉进去爬出来反反复复，嗯。。。又掉进来了，速战速决记录下继续前行。。macOS 环境下运行 iOS 模拟器进行调试时抛出的如下异常异常信息error Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65. To debug ...原创 2020-03-19 11:15:23 · 12543 阅读 · 14 评论 -
ReactNative 运行指定模拟器版本 - RN
日常开发调试中除了真机之外，模拟器是必不可少的一项调试工具，那么如何通过 ReactNative 进行指定设备类型来做为调试参考的模拟器呢，具体操作如下：首先，需要获取当前可选用的模拟器均有哪些类型，终端执行如下命令： xcrun simctl list devices其次，根据如上模拟器列表中所拥有的设备类型进行操作，如未有想使用的设备类型，则需要先在指定 IDE 中添加...原创 2020-03-16 11:39:09 · 1605 阅读 · 4 评论 -
No bundle URL present.Make sure you're running a packager server or have included a - RN
搭建 ReactNative 项目简直是一波多折，期间遇到了很多的状况具体详见其它文章内容分享吧，回归正题！排除种种问题过后执行 react-native run-ios 命令可算是可以成功的把项目（全新创建 init 的空工程！）启动了，OMG！但好景不长，唤起模拟器开始渲染界面，随后当屏一棒，干得漂亮新的异常诞生了！No bundle URL present.Make sure y...原创 2020-03-13 17:52:19 · 1997 阅读 · 0 评论 -
React Native 端口号被占用 - RN
几经周折搭建好项目准备感脚一番的时刻，启动服务 yurn run ios 片刻后 gg 竟然凉了 。。。查看了下抛出的异常提示信息端口号被占用Error: listen EADDRINUSE: address already in use :::8081解决办法既然异常信息锁定到了，那么盘它便是。前端开发的时候也经常会遇到端口号被占用的情况发生，那么同样的逻辑尝试修改一波...原创 2020-03-13 17:47:09 · 1071 阅读 · 0 评论 -
No bundle URL present.Make sure you're running a packager server or have included a .jsbundle - RN
搭建 ReactNative 项目简直是一波多折，期间遇到了很多的状况具体详见其它文章内容分享吧，回归正题！排除种种问题过后执行 react-native run-ios 命令可算是可以成功的把项目（全新创建 init 的空工程！）启动了，OMG！但好景不长，唤起模拟器开始渲染界面，随后当屏一棒，干得漂亮新的异常诞生了！No bundle URL present.Make sure y...原创 2020-03-11 17:43:15 · 1801 阅读 · 0 评论 -
Consider installing yarn to make this faster: https://yarnpkg.com - RN
执行 react-native init XXX 创建 ReactNative 项目的时候遇到了如下异常提示：Installing react-native...Consider installing yarn to make this faster: https://yarnpkg.com解决办法首先，终端中输入如下命令：npm install -g yarn ...原创 2020-03-11 12:41:36 · 430 阅读 · 0 评论 -
React Native 布局相关 - RN
涉及到页面 UI 方面则布局是必不可少的一项设置，其关乎到各个元素之间的排列方式与排列顺序等直观样式效果，如下对此简要的进行学习归纳，也为了日后开发更加便捷的进行快速查阅。<View style={{ flex:1, flexDirection: ‘’, // row、column justifyContent: ‘’, // flex-start、center...原创 2020-03-10 20:05:53 · 313 阅读 · 0 评论 -
关于 ReactNative 环境搭建之 error: invalid developer directory '/Library/Developer/CommandLineTools' - RN
简要说明,此次尝试安装 ReactNative 时当前 MacPro 版本为 10.13.6、Xcode 版本为 Version 9.4.1 (9F2000),按照官方的完整原生环境搭建流程一步步执行,可不料刚开始就遇到了一个很大的难关,具体如下:官方推荐使用 Homebrew 来安装,随后便顺理成章的进入了 Homebrew 的主页,醒目的看到了 Install Homebrew 的标语,随...原创 2018-09-02 12:28:48 · 11137 阅读 · 1 评论