React native 第一个坑记录

React native 中文网跟着文档学习至使用导航器跳转页面章节：

http://reactnative.cn/docs/0.31/using-navigators.html#content

例子如下：

导入模块：

import React, { Component } from 'react';
import { View, Text } from 'react-native';

export default class MyScene extends Component {
  getDefaultProps() {//这个地方，怎么调试，都显示为空
    return {
      title: 'MyScene'
    };
  }

  render() {
    return (
      <View>
        <Text>Hi! My name is {this.props.title}.</Text>
      </View>
    )
  }
}

主界面部分：

import React, { Component } from 'react';
import { AppRegistry } from 'react-native';

import MyScene from './MyScene';

class YoDawgApp extends Component {
  render() {
    return (
      <MyScene />
    )
  }
}

AppRegistry.registerComponent('YoDawgApp', () => YoDawgApp);

代码中标红部分代码，在Mac下怎么调试，都显示为空，经过大量资料翻阅，在我的开发环境中（我得博客有关于环境搭建的文章），需要修改代码如下：

import React, { Component } from 'react';
import { View, Text } from 'react-native';


export default class MyScene extends Component {
static defaultProps = { //据说最新的写法是这样的，调试成功
    title: "app",
  }


  render() {
    return (
      <View style = {{marginTop: 20}}>
        <Text>Hi! My name is {this.props.title}.</Text>
      </View>
    )
  }
}

记录如上，以免日后忘记！