React-native

react native nodejs 环境搭建node/npm/react-native不是内部或外部命令，也不是可运行的程序 或批处理文件

下载node首先在官网下载对应的node安装安装我是用默认路径，安装步骤可以看http://www.runoob.com/nodejs/nodejs-install-setup.html环境变量配置安装node后，在cmd中输入path可以看到路径1先在安装路径下新建两个文件夹node_cache和node_global2启动cmd，输入npmconfigsetprefix"C:\ProgramF
梦幽篁·2020-08-14 05:28

expo 搭建 react-native 组件库【图文并茂】

这几天在研究如何快速搭建RN组件库，刚好公司组织分享，于是整理了一份PPT，在这里和大家一起讨论下。为啥还要开发组件库？首先，我们先来讨论一个问题：为啥还要开发组件库？现在市面上各种各样的组件库多不胜数，为啥还要重复造轮子呢？有两个方面的原因：一方面，就组件库本身而言，它能提高开发效率，降低维护成本，代码复用等一些好处；一方面，就公司项目而言，我们使用第三方组件库是，使用率不高，难以二次修改，加上
zhangjinpei·2020-08-14 00:28

React style支持数组语法糖

Reactstyle支持数组语法糖探究使用react-native，挖土填坑，下一脚还是继续踩坑。踩坑之余也发现了和react不同之处，或可称之为小亮点。
Marphy·2020-08-13 23:00

antd-mobile

1、参考http://blog.csdn.net/xiongge2005/article/details/72821281创建react-native项目2、安装react$npminstallreact
xiongge2005·2020-08-13 23:13

React 和 ReactNative 的渲染机制/ ReactNative 与原生之间的通信 / 如何自定义封装原生组件/RN中的多线程...

RN与native的交互0>>>React的渲染機制1>>>react-native渲染原理2>>>react-native如何与原生通信3>>>如何封装一个原生视图组件4>>>react-native
weixin_30510153·2020-08-13 20:48

vscode 搭建react-native 详解

本文记录如何使用vscode打造一个现代化的RN开发环境，旨在提高开发效率和质量。问题代码没有提示：许多刚接触RN开发的非前端同学，都会问“哪个编辑器有智能提示？”。。。而对于前端同学来说，现在的日子已经好很多了，要什么自行车。低级代码错误：这里的错误是指类似拼写错误，符号错误等。写完代码，跑起来各种报错，有时候费死劲的找，最后发现是个中文的分号问题。解决办法可选的方案大概有：使用typescri
孤寂山谷的风·2020-08-13 18:59

ScrollView底部无法显示全的比较简单的解决方法

importReact,{Component}from'react';import{AppRegistry,ScrollView,View,Text}from'react-native';exportdefaultclassFlexDirectionBasicsextendsComponent
追根溯源·2020-08-13 10:59

关于react-native run-ios 高版本运行不起来（rn新手）

react-nativerun-ios高版本运行不起来react-nativerun-ios执行完不能直接运行模拟器，可能需要使用xcode将原生项目打开，使用xcode进行一次一编译，然后将报红改掉，在xcode里能运行起来就可以在命令行里使用run-ios插入链接与图片链接:link.图片:带尺寸的图片:当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。如何插入一段漂亮的代码片去博客设置页
——小强·2020-08-12 16:23

实现一个React-Native 小页面与跳转（入门）

继博主上一篇搭建React-Native环境搭配完成后，开始来构建我们的项目了。首先搭建一个项目，博主第一关注的即项目的目录。（这一方面关于项目的目录以及搭建在网上的资料是真的很少啊）先不多说，上图。
zhenzuo_x·2020-08-12 15:49

react-native 引入某些低三方库时出现的Command `run-android` unrecognized，命令不识别错误...

在使用第三方库时react-native-swiper，执行npminstallreact-native-swiper--save再次运行react-nativerun-android时直接报Commandrun-Androidunrecognized.MakesurethatyouhaverunnpminstallandthatyouareinsideaReact-nativeproject.执
weixin_30843605·2020-08-12 15:26

Command `run-android` unrecognized. Make sure that you have run `npm install` and that you are insid

记录一下安装react-native报错：开发环境搭建参考这篇：https://reactnative.cn/docs/0.36/getting-started.html按照上面写的到这一步ReactNative
陈生_学编程·2020-08-12 15:28

react-native入门，编写静态页面，集成原生项目

React-Native技术调研0.前提：搭建环境：https://reactnative.cn/docs/getting-started/，分mac/win/linux，平台分android/ios。
Lawliet_ZMZ·2020-08-12 15:17

怎么运行别人的React-Native项目（android端）

刚开始玩React-native，菜鸟一个。环境配置好了，就急着想看看别人的项目。
小_学_生·2020-08-12 15:09

Command `run-android（ios）` unrecognized.

react-native,首先，我想要引入轮播图效果，然后找了一个react-native-swiper执行了以下语句npmuninstallreact-native-swiper–save/yarnaddreact-native-swiper
当富网络·2020-08-12 15:08

react-native构建基本页面1---主页：tab栏

配置Tab栏配置Tab栏的图标注意：使用图标，需要接收license;/***SampleReactNativeApp*https://github.com/facebook/react-native*
AugustusS·2020-08-12 15:00

react-native构建基本页面2---轮播图+九宫格

配置首页的轮播图轮播图官网运行npmireact-native-swiper--save安装轮播图组件导入轮播图组件importSwiperfrom'react-native-swiper';其中，在Swiper身上，showsPagination={false}是用来控制页码的；showsButtons={false}是用来控制左右箭头显示与隐藏；height={160}是用来控制轮播图区域的高
firebet·2020-08-12 15:00

react-native构建基本页面2---轮播图+九宫格

配置首页的轮播图轮播图官网运行npmireact-native-swiper--save安装轮播图组件导入轮播图组件importSwiperfrom'react-native-swiper';其中，在Swiper身上，showsPagination={false}是用来控制页码的；showsButtons={false}是用来控制左右箭头显示与隐藏；height={160}是用来控制轮播图区域的高
firebet·2020-08-12 15:00

react-native简单使用

基本组件的使用介绍View：Text：TextInput：Image：Button：ActivityIndicator：ScrollView：这是一个列表滚动的组件ListView：也是一个列表滚动的组件，但是，这个组件已经过时了，官方推荐使用FlatList来代替它index.js//从Reactnative的包中，导入AppRegistry组件，它的作用，就是注册项目首页的import{App
treesky·2020-08-12 15:00

React Native控件只TextInput

比如官网最简单的写法：importReact,{Component}from'react';import{AppRegistry,TextInput}from'react-native';classUselessTex
xiangzhihong8·2020-08-12 00:31

reactnative微信支付困扰了将近两周的问题终于得到了解决。

##问题背景：在做react-native微信支付的时候，ios遇到了闪退的问题，我这个项目是两个人开发的，另一个是个安卓转过来的妹子，注意：问题就出在这儿了。
小强_!·2020-08-12 00:18

React-Native组件之Text内文字垂直居中方案

1style:{2height:100,3textAlign:'center',4textAlignVertical:'center',5}以上方法在Android上显示水平垂直居中，但在IOS上只能水平居中,方法是在IOS上添加lineHeight:100,如下1style:{2height:100,3textAlign:'center',4textAlignVertical:'center',
bo o ya ka·2020-08-11 23:06

react-native 自动化构建过程(apk包)

react-native源文件(git获取源码)3.安装npm包管理工具4.安装react-native-clinpminstall-greact-native-cli步骤分解如下：1.环境切换(CI)react-native
深渊云海·2020-08-11 23:12

react-native 自动化构建过程(ipa包)

react-native源文件(git获取源码)4.安装npm包管理工具5.安装react-native-clinpminstall-greact-native-cli步骤分解如下：1.环境切换(CI)react-native
深渊云海·2020-08-11 23:12

react-native精美展开菜单

代码拖拽小按钮importReactfrom"react";import{Animated,PanResponder}from"react-native";import{FontAwesome5}from
Hello Hongbin·2020-08-11 22:54

使用async/await改造RN fetch api

asyncgetMoviesFromApi(){try{//注意这里的await语句，其所在的函数必须有async关键字声明letresponse=awaitfetch('http://facebook.github.io/react-native
openglnewbee·2020-08-11 22:13

React Native TextInput 输入框赋值没反应

RnEditText源码importReact,{Component,PropTypes}from'react';import{View,Text,Image,TextInput,StyleSheet,}from'react-native
I-T枭·2020-08-11 21:23

react-native 之布局篇

原文地址http://segmentfault.com/a/1190000002658374宽度单位和像素密度react的宽度不支持百分比，设置宽度时不需要带单位{width:10}，那么10代表的具体宽度是多少呢？不知道是官网文档不全还是我眼瞎，反正是没找到，那做一个实验自己找吧：默认用的是iPhone6的模拟器结果是：我们知道iPhone系列的尺寸如下图：可以看到iphone6的宽度为375p
anshi2703·2020-08-11 21:06

react-native Text 文字垂直居中

请注意labelText组件文本的容器是否有padding，这会误导以为没有居中import{Platform}from'react-native';label:{fontSize:OASize(11)
hzxOnlineOk·2020-08-11 20:36

react-native之 redux-persist 数据存储

希望可以帮助大家使用和了解redux-persist的相关能力接入npmi--saveredux-persist如果你使用了immutablenpmi--saveredux-persist-immutable使用//store.jsimport{persistStore,autoRehydrate}from'redux-persist'//or//import{persistStore,autoR
学习笔记999·2020-08-11 19:56

在react-native中引入antd-mobile遇到的问题

出现这样的情况。主要是报错引起的退出，检查是否有div，span，className......如果有，删除2、或是报错transformerror和报这个错主要是因为在引入antd-mobile没有按照一定的顺序操作，造成.babelrc中没有添加“plugins”：[["import",{"libraryName":"antd-mobile"}]]正确地引入antd-mobile的步骤：(1)
yesbuter_zhang·2020-08-11 19:30

使用 react-navigation + axios + redux新建react-native项目

新建reactnative项目搭建开发环境使用ReactNavigation实现页面跳转使用axios网络库使用redux管理数据状态基本概念：其他函数使用connect装饰器redux工作流程相关代码：搭建开发环境参考reactnative官网搭建开发环境：https://reactnative.cn/docs/getting-started.html新建项目：react-nativeinitR
aneprwe·2020-08-11 19:51

react-native编译时报react-native-community/masked-view 错

当react-native项目编译时遇到react-native-community/masked-view错react-navigation问题例如：Error:undefinedUnabletoresolvemodule
君归乐·2020-08-11 19:07

新版本react-native中使用定位遇到坑

yarnadd@react-native-community/geolocation--save或npminstall@react-native-community/geolocation--saveimportgeolocationfrom"@react-native-community/geolocation"//然后使用navigator.geolocation=geolocation;na
走路的猫头鹰·2020-08-11 18:37

关于react-native报错: Invariant Violation: WebView has been removed from React Native. It can ....

importReact,{Component}from'react'import{View}from"react-native"/*import{WebView}from"react-native"--
走路的猫头鹰·2020-08-11 18:37

react-native-redux 简易教程

一、React-Native介绍简介：ReactNative(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架React在原生移动应用平台的衍生产物
雨季莫忧离·2020-08-11 18:19

React Native第一个Demo（2）网络获取数据和ListView

varREQUEST_URL='https://raw.githubusercontent.com/facebook/react-native/master/docs/MoviesExample.json
空杯子_·2020-08-11 18:31

VScode 自建模板

Printtoconsole":{"prefix":"reactnative","body":["importReact,{Component}from'react';","import{StyleSheet}from'react-native
soxiuzi·2020-08-11 18:29

react-native-baidu-map在react-native中的使用

转载请注明地址：http://blog.csdn.net/sinat_37059404/article/details/73330041github官网地址：https://github.com/lovebing/react-native-baidu-map下载方式：npminstallreact-native-baidu-map--save插件使用过程中需要配置的内容：1，在项目的android
一水茶缘YY·2020-08-11 18:16

react-native使用蚂蚁金服的antd-mobile组件库教程

国际惯例，先来展示下这个强大的组建库，常用的大部分组建都可以找到9A99D507-9505-478F-956C-8F243CFECAF5.png3D408F99-BCD5-4C3E-905B-0EDAEB58A858.pngFFC8CB54-EF30-41AB-AA49-83AE3379C69E.pngA52EFACE-86F2-4586-86F5-6644206FDD4D.pnghttps://
大灰狼的小绵羊哥哥·2020-08-11 18:41

react-native 在 View标签中使用map()方法无法处理渲染二维数组的处理方法

在使用react-native进行项目开发过程中，遇到了二维数组的数据，需要在页面中渲染，但是使用普遍的数组遍历方法map()，只对父级数组进行了处理，没有处理二维数组。
rushichunqiu·2020-08-11 18:23

react-native报错-Unable to resolve module ‘react’

details/76165239error:bundlingfailed:“UnabletoresolvemodulereactfromC:\\Users\\liwd\\Desktop\\mywork\\react-native
天蒙蒙亮·2020-08-11 17:44

React-Native 循环点击事件

简单做个小例子，如下：constructor(props){super(props);this.state={Data:[{key:1,value:'工商银行'},{key:2,value:'建设银行'}],bankValue:''//选中数据}render(){return({this.state.Data.map((item,index)=>{return(this._click(item,i
帅气的学长·2020-08-11 17:50

react-native 使用 antd-mobile-rn UI进行开发app

react-native使用antd-mobile-rnUI进行开发app1、创建react-native项目react-nativeinitapp032、安装组件npminstallantd-mobile-rn
crazy_zhangcong·2020-08-11 16:13

react-native 电商搜索界面

react-native电商搜索界面此界面实现了搜索，自动补全搜索内容，热门搜索，搜索历史记录，清除搜索历史记录等功能，欢迎大家使用importReactfrom'react';import{AppRegistry
Aichiwawacai·2020-08-11 15:18

漫长的react-native中React Navigation 的使用配置摸索

漫长的react-native中ReactNavigation的使用方法摸索小编刚开始研究RN，第一步导航的页面就阻碍了小编前进的步伐，在网上随便找了一个相关的代码copy进了项目中app.js中代码如下
Aichiwawacai·2020-08-11 15:18

react-native 输入框自动补全组件

基本框架来自https://www.hangge.com/blog/cache/detail_1527.html这位大神,样式基本没改动，侵权删，然后在其基础上，添加了淘宝自动补全apihttps://suggest.taobao.com/sug?code=utf-8&q=裤importReact,{Component}from'react';import{StyleSheet,Text,View
Aichiwawacai·2020-08-11 15:47

React Native app闪退 显示 “很抱歉， ‘xxx’ 无法运行”的解决方法

无法运行”这种情况一般是因为第三方库的配置有问题或者js代码写的有问题首先看看js代码是否有问题去官方下载正确的代码importReactfrom'react';import{View,Text}from'react-native
Aichiwawacai·2020-08-11 15:46

React-Native使用react-navigation导航遇到的Unable to resolve SafeAreaContext 问题及解决办法

1、如何使用react-navigation1、安装依赖包npminstall--savereact-native-gesture-handlerreact-native-reanimatedreact-native-screensreact-navigationreact-navigation-stackreact-navigation-tabs或是yarnaddreact-native-ges
qq_42991509·2020-08-11 15:44

react和react-native中如何使用redux简易说明

redux相当于在vue技术栈中使用的vuex一样。那如何使用呢？常见的搭配：redux+react-redux+redux-thunk或是redux+react-redux+redux-saga其他的mobox之类的，也有很多了。主流的就是这上面的两种。本来，只有一个redux，其实就是可以使用了。但是，为了在react技术中，使用的很爽，就加了一个react-redux，帮我们解决了redux
qq_42991509·2020-08-11 15:44

Android studio 启动 react-native 项目

场景描述：项目框架：react-native开发工具：VScodebuild工具：Androidstudio模拟器：夜神模拟器使用VScode编辑器开发react-natice混合App，不能独立使用VScode
哈！小白要成长！·2020-08-11 15:42
上一页 44 45 46 47 48 49 50 51 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他