parryqiu/reactnative-book-demo

我的出版书籍《React Native 精解与实战》配套源码

《React Native 精解与实战》

书籍资源汇总站点：http://rn.parryqiu.com/

书籍目录大纲：http://rn.parryqiu.com/#links

书籍试读：http://rn.parryqiu.com/#trialreading

书籍正文资源链接：http://rn.parryqiu.com/#links

书籍购买链接

去淘宝购买

去京东购买

去当当网购买

去亚马逊购买

去知乎阅读电子版

去豆瓣阅读电子版

书籍简介

本书是我撰写并由机械工业出版社出版，包含 React Native 框架底层原理，以及与 iOS、Android 混合开发案例，精选了大量实例代码，方便读者快速学习。

主要内容分为两大部分，第一部分「入门」包括第 1 ~ 9 章，介绍 React Native 框架的基本原理与使用方法；第二部分「进阶」包括第 10 ~ 15 章，介绍 React Native 框架的高阶开发与 App 部署相关知识。附录部分剖析了 React Native 的源码，可帮助读者研究 React Native 底层本质，还分享了一些 React Native 框架学习的相关资源。

本书适合大前端、移动 App、混合移动开发人员阅读，深入学习 React Native 框架，掌握通过 React Native 框架开发的程序可以同时部署到 iOS 平台与 Android 平台。

本书同样适合想进入移动 App 开发领域的朋友，你可以从 React Native 框架开发同时接触到 iOS 平台与 Android 平台的开发，并且 React Native 框架的技术门槛比两个原生平台的技术门槛低很多，只需要在你掌握了 HTML、CSS、JavaScript 相关知识点后就可以动手开发跨平台的移动 App。

本书还同样适合已经在使用 React Native 框架开发移动 App 的朋友，书中很大的篇幅讲解了 React Native 框架的底层原理，可以帮助你更加深入地理解 React Native 框架的本质。而且与 iOS 平台、Android 平台的高阶混合开发部分，完全是代码实战的方式进行了讲解演示，学习起来会更加地直观。

书籍配套 80 节视频教程

立即查看学习视频教程

此视频是书籍的配套视频教程，课程对 React Native 框架的底层原理、组件、API 以及一些第三方组件进行了实战演示讲解，并结合完整项目的设计、开发、打包与发布，进行了知识点的整合实战学习。

建议配合书籍学习，书籍中原理性的东西讲解的比较清晰，而视频教程对于组件、API 等代码实战开发讲解的比较直观。

教程持续更新，以保证你能掌握到最新的 React Native 框架动态，请收藏以便随时查看课程更新。

reactnative-book-demo's Issues

react native 课程相关

老师您好，已经看过您的《80 节实战课精通 React Native 开发》视频的前29节，也已经在知识星球付费进入您的社区，请问接下来的视频课程什么时候能更新，期待中~

子父组件，子组件函数参数名错误

03-04/child-2-parent.js

handleChange() {
    const nickName = 'Parry';
    this.setState({name: nickName})
    //调用父组件传递过来的函数参数，传递值到父组件去。
    this
      .props
      .changeName(nickName)  // 为什么不是 this.props. onChange(nickname) changeName是什么约定
  }

06-04缺少Android平台的app. js文件演示

/06- 04/ ReactNativeNavigationAndroid/ src/ app. js，该文件缺失

使用RCT_REMAP_METHOD报错了

使用书中的demo，报错：

.h文件

#import <Foundation/Foundation.h>
#import <React/RCTBridgeModule.h>

NS_ASSUME_NONNULL_BEGIN

@interface OutputIOSSystemVolume : NSObject

@EnD

NS_ASSUME_NONNULL_END

.m文件

#import "OutputIOSSystemVolume.h"
#import <React/RCTLog.h>
#import <AVFoundation/AVAudioSession.h>

@implementation OutputIOSSystemVolume

RCT_EXPORT_MODULE();

RCT_REMAP_METHOD(getSystemVolum,
resolver:(RCTPromiseResolveBlock)resolve
rejecter:(RCTPromiseRejectBlock)reject)
{
float volume = [AVAudioSession sharedInstance].outputVolume;
NSString* volumeString = [NSString stringWithFormat:@"%f",volume];

if (volumeString) {
resolve(volumeString);
}else{
reject(@"get_error",@"获取系统音量错误",nil);
}

}
@EnD

js

var OutputIOSSystemVolume = NativeModules.OutputIOSSystemVolume;

export default class BridgeNativeDemo extends Component{

constructor(props){
    super(props);
    this.state = { number:0};
}

render(){
    return(
        <View  style = {{flex:1,justifyContent:'center',alignItems:'center',backgroundColor:'#F5FCFF'}}
        >
      
            <Text style ={{textAlign:'center',fontSize:20,margin:20}}
                onPress ={this.getVolume.bind(this)}
            >点击获取系统设备音量</Text>
        </View>
    );
}

getVolume(){
    OutputIOSSystemVolume
    .getSystemVolum()
    .then(volume=>{
        AlertIOS.alert("系统当前音量",volume*100+"%");
    });
}

结果是点击文字之后，报错
undefined is not an object (evaluating OutputIOSSystemVolume
.getSystemVolum )**

关于教程视频

你好，看了前一两集的视频，简直是太棒了，它几乎是最新的RN 的教程视频；那么请问，后面的视频教程需要购买书籍才能够观看视频吗？后续的视频是否已经录制好了呢？我估计会很快看完这二十集的视频。感谢感谢

第4章没有完整代码

第4章书上只列出来了核心代码，提示参考配套完整源代码，但源代码中和书上一样只有核心代码