ReactNative

首页 > TAG信息列表 > ReactNative

Figma 与 React Native：利用 Codia AI 桥接设计和移动应用程序开发

在不断发展的移动应用程序开发领域，设计工具和开发框架之间的无缝集成对于制作直观且具有视觉吸引力的用户界面至关重要。领先的设计平台 Figma 和构建移动应用程序的流行框架 React Native 之间的合作体现了这种协同作用，提供了一种将复杂设计转变为功能齐全的移动应用程序的简化

如何集成华为AGC性能分析-ReactNative

简介 AppGallery Connect（简称AGC）性能管理（APM，App Performance Management）服务提供分钟级应用性能监控能力，您可以在AGC查看和分析APM收集到的应用性能数据，实时全面掌握应用在线的性能表现，帮助您快速闭环应用的性能问题，持续提升应用的用户体验。开通服务和集成SDK 1、登录AppGall

React Native环境搭建踩坑记录（2022/06/28-RN version:0.68.0）

RN开发环境的搭建十分苛刻，官方建议不要使用简易沙盒环境，所以国内用户最好还是搭建完整的环境。由于RN在快速迭代，搭建完整的本地开发环境，会遇到不少的坑。主要原因是本地环境要和官网要求的相匹配，不一致的基础开发环境需要升级或降级。 RN中文官网虽然是按照官网的指导一步一步

ReactNative（1.5）{登陆页面练习}

// rnc import React, { Component } from "react"; import { Text, View, StatusBar, ImageBackground, Image, TextInput, TouchableOpacity, StyleSheet, Dimensions, } from "react-native"; // 获取宽高 const { width, height } = Di

ReactNative（学习部署）

RN环境部署视频链接: https://pan.baidu.com/s/1Z5msrmcoLwrcHwQIRVqKKA 提取码: abwu RN部署资源链接: https://pan.baidu.com/s/19eFVsVXoB0viPUK1ZxhmEA 提取码: rphi ReactNative学习项目包目录结构在RN代码编写过程中，开发者服务器是热更新服务器，代码写完之后

ReactNative Day4

JSX Well then how do we pass these values to a component from outside? That's where props comes in. In React lingo, props is something that the component is passed by the user of that component (parent component passes props to child component). You

ReactNative Day1

基础笔记引用自：掘金 React 是一套可以用简洁的语法高效绘制 DOM 的框架对前端的理解是这样的：用 HTML 创建 DOM，构建整个网页的布局、结构用 CSS 控制 DOM 的样式，比如字体、字号、颜色、居中等用 JavaScript 接受用户事件，动态的操控 DOM 在 HTML 和 JavaScript 代码中，id 和

reactNative集成极验(GeeTest)

考虑到网上还没有rn极验的集成文章，前俩天公司业务正好集成了一下android和ios的sdk，平时时间少没时间写，今天简单介绍一下集成方案，要是时间允许的话，我搞一个极验的rn版sdk，给大家分享一下

reactnative实现qq聊天消息气泡拖拽消失效果

前言(可跳过) 我在开发自己的APP时遇到了一个类似于qq聊天消息气泡拖拽消息的需求，因为在网上没有找到相关的组件，所以自己动手实现了一下需求：对聊天消息气泡拖拽到一定长度松开时该气泡会消失(可自行增加拖拽过程，以及消失的动画) 解决方案： 0.创建一个足够大的数组(长度大于聊天框

ReactNative 自定义组件

定义属性 import PropTypes from 'prop-types' static propTypes = { title:PropTypes.string.isRequired,// 必选 titleColor:PropTypes.any, onPress:PropTypes.func, selected:PropTypes.bool, icon:PropTypes.any }

reactnative安卓真机调试

打开USB调试检测是否连接成功 # adb devices 启动项目 # yarn android 安卓机会弹出安装安装成功摇晃手机弹出菜单选择debug既可调试

ReactNative进阶（四十）：应用ListView实现分组列表

前言ListView常用属性ListView高阶特性ListView使用Demo拓展阅读前言在前期博文中讲解了应用SectionList实现分组列表，本文主要讲解ReactNative长列表数据展示核心组件ListView ，该组件在数据量大时性能较差，占用内存持续增加，故诞生了FlatList组件。 ListView常用属性

ReactNative阴影

ReactNative阴影 1. 文字阴影2. 块阴影2.1 ios阴影2.2 android阴影 1. 文字阴影文字阴影最好实现，直接使用textShadow，android和ios都支持: textShadowOffset: { width: 3, height: 4 }, // 阴影偏移量 textShadowColor: '#20a344', // 阴影颜色 textShadowRadius: 5, //

android性能优化和内存优化！万字Android技术类校招面试题汇总，赶紧收藏！

现在的IT行业竞争压力越来越大，尤其是Android开发行业。而很多Android程序员却每天都在重复CRUD,原地徘徊！今年年初，你就想改变现状，于是在网上刷了大量面试题，强行记下之后，开始参加面试！但是你发现，现在的面试，却越来越难了。投了10份简历，只有一家给了面试邀请。面试官平时的工作

ReactNative集成个推消息推送

文章目录前言集成1. 自动添加依赖2.手动添加配置1.在android/build.gradle中添加maven地址中添加配置2.android目录下，在app/build.gradle中添加如下配置3.android--> defaultConfig中添加如下配置4.在android/app/AndroidManifest.xml 的标签内添加meta-data5.在MainAppli

reactnative 访问本地服务器遇到错误

reactnative 访问本地服务器遇到错误显示如下错误：问题所在 react-native运行时的node服务器跑在10.0.2.2 的ip上面，所以改成http://10.0.2.2:xxxx，在此reload便可以了 getTest:"http://127.0.0.1:3000/user/info" //注意域名的更改端口号不要改 getTest:"http://10.0.2.2:

ReactNative+TypeScript仿喜马拉雅开发App

第1章课程介绍本课程主要介绍为什么要使用React Native + TypeScript开发应用。 1-1 课程导学试看第2章 ES6、React、React Native基础知识串讲本章会讲解学习这门课程之前必备的基础知识，主要讲解ES6、RN等必备知识点，专门为新手学员准备的，这些内容在后面的实战中都会用到。

ReactJS+ReactNative 笔记

转载自： https://blog.csdn.net/blueboz/article/details/104450614?utm_medium=distribute.pc_relevant.none-task-blog-OPENSEARCH-1.not_use_machine_learn_pai&depth_1-utm_source=distribute.pc_relevant.none-task-blog-OPENSEARCH-1.not_use_machine_learn_pai

reactnative 自定义项目的图标库

前言：　　github比较火的有如react - native -vector- icons等图标库，为什么提到这些第三方库。　　首先明确一个点，你是否需要现成的第三方图标库？　　优点：开箱即用，内容丰富　　缺点：难以定制，占用打包空间所以拥有自身项目的字体图标库也是一种不错的

ReactNative中全面屏的适配

1.状态栏的显示问题在IOS端，页面内容的渲染是从屏幕最顶端开始渲染，从屏幕最底端结束，顶部状态栏和底部手势提示线悬浮在页面上方。在android端，页面内容渲染从顶部状态栏下方开始渲染，从屏幕底端结束，如果有手势提示线则，到提示线顶端结束。图：ios端页面渲染图：Andr

ReactNative混合开发-3 Android混编配置

开发语言：ReactNative 0.59.5 Android 开发环境：VSCode Android Studio 3.4 1、项目目录参考文章：集成到现有原生应用首先，我们按照建立一下目录结构，其中： Code目录放置所有公用的ReactNative脚本，包，以及相关配置。 Android目录放置原Android项目。 Code (根目录） --Android（一级目录）

ReactNative——如何隐藏状态栏（实现沉浸式）

RN中隐藏状态栏的方式很简单，在页面的根布局的顶部添加一个StatusBar即可，设置相关属性如下： export default class MainPage extends Component { render() { return( <View style={{flex: 1}}> <StatusBar backgroundColor="#ff0000"

ReactNative踩坑

## 系统升级后或者版本升级后出现pod install不成功或者慢 // 新版的 CocoaPods 不允许用pod repo add直接添加master库了,但是依然可以： $ cd ~/.cocoapods/repos $ pod repo remove master $ git clone https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git master

ReactNative+TypeScript仿喜马拉雅开发App

百度网盘第1章课程介绍本课程主要介绍为什么要使用React Native + TypeScript开发应用。 1-1 课程导学试看第2章 ES6、React、React Native基础知识串讲本章会讲解学习这门课程之前必备的基础知识，主要讲解ES6、RN等必备知识点，专门为新手学员准备的，这些内容在后面的实战中都会用

ReactNative中使用iconfont

配置 ReactNative中要使用iconfont，需要集成react-native-vector-icons库。集成方式： 1.打开命令行窗口，并定位到项目的根目录下 2.下列两种导入方式分别是下载库和关联库，选其中一个执行即可 npm install --save react-native-vector-icons react-native link react-native-