qq_17190231的博客

一.安装 CodePush CLI//目的: 安装完这个就可以直接使用code-push命令//注意：这个CodePush指令只需要全局安装一次即可，如果第一次安装成功了，那后面就不在需要安装$ sudo npm install -g code-push-cli二.注册并登录 CodePush账号//注册CodePush账号也很简单，同样是只需简单的执行下面的命令，同样这个注册操作也...

RN与OC交互（iOS）RN调用OC部分第一步：xcode编写接收跳转代码遵守RCTBridgeModule协议#import <UIKit/UIKit.h>#import <React/RCTBridgeModule.h>@interface ViewControllerOne : UIViewController<RCTBridgeModule&g...

网络请求的封装第一步：创建NetworkConfig.jsconst config = { api:{ getBase:'https://api.apiopen.top/',//get域名 postBase: 'https://cnodejs.org/api/',//post域名 //其他接口地址 getText: ...

前言接上一篇项目目录结构一，在此基础上集成react-navigation三方。官方建议使用react-navigation。这个三方库有点坑···，版本更新了好几个版本，新版本不兼容旧的版本。现在最新的是v3版，导致网上的教程不是最新教程。学习成本大了很多。我自己也是弄了好久才弄好，坑。。。集成过程按照上一篇博客集成即可。使用过程第一步创建底部标签导航器const bottomSta...

前言一个RN项目不可能全部都是RN结构的，肯定需要和原生交互。有人会说那直接用网页和原生交互好了，但是使用rn的目的不仅仅是为了热更新，能和网页一样更新快。能和网页一样实现跨平台。其实还有个特点就是体验好。不会像网页那么卡顿。RN与原生（ios）的目录结构，以及基本三方插件安装等集成。其实很简单，照着教程做就可以了，前提是有一个好的教程。没有一个系统的好教程，靠自己琢磨真的很费劲。有很多坑。特...

import React, {Component} from 'react';import { Platform, StyleSheet, View, Image, Text, SectionList, TouchableHighlight,} from &quot;react-native&quot;;var sections = [];for (v...

import React, {Component} from ‘react’;import {Platform,StyleSheet,View,Image,Text,FlatList,Button,} from ‘react-native’;export default class App extends Component {_flatList;_header = (...

webStorm下载以及代码提示配置[下载地址](链接: https://pan.baidu.com/s/1FCfnLaU72dHp04Ib0CBKdA)提取码: fewt代码提示配置，在压缩包里有说明ReactNative配置...

import React, { Component } from 'react';import { Platform, StyleSheet, Text, Image, View, ScrollView,} from 'react-native';var Swiper = require('react-native-swiper');var...

import React, {Component} from ‘react’;import {Platform,StyleSheet,View,Text,Image,ScrollView,AlertIOS,AppRegistry,} from ‘react-native’;var data = require(’./lunboData.json’);var screen...

import React, { Component } from 'react';import { Platform, StyleSheet, View, Text, Image, ScrollView,} from 'react-native';export default class App extends Component{ ...

LoginViewimport React, {Component} from 'react';import { Platform, StyleSheet, Text, View, Image, TextInput} from 'react-native';var screenWidth = require('Dimensions').ge...

import React, { Component } from 'react';import { Platform, StyleSheet, View, Text, Image, Dimensions} from 'react-native';var Data = require('./Data.json');var screenWid...

import React,{ Component } from 'react'import { Platform, StyleSheet, View, Text, Image, TextInput} from 'react-native'export default class App extends Component{ rend...

export default class App extends Component{ render(){ return( &lt;View style={styles.container}&gt; &lt;Text&gt; 加载项目中的图片 &lt;/Text&gt;...

export default class App extends Component{ render(){ return( &lt;View style={styles.container}&gt; &lt;Text style={styles.textStyle} numberOfLines={3}&gt;我是文字&lt;/...

前言我们在做RN开发时候，会利用npm安装我们需要的三方js库。当我们自己封装了一个组件打算开源给别人用时，同样想用npm来安装，这时候我们需要把自己的组件发布到npm，这样以后再用这个组件时候直接利用（npm i 组件名） 就可以了。好嗨奥！第一步：创建自定义组件模版安装react-native-create-library$ npm install -g react-native-...