React Native 공부 3 - 프레임워크

https://facebook.github.io/react-native/

JavaScript와 React Native를 사용하여 모바일 어플을 개발할 때, 전체적인 틀이 위의 URL에 들어가면 자세히 나와있다.

1. 가장 기본적인 틀 - 위의 import문 두 줄은 필수적으로 써주는 것이 좋다 

import React, {Component} from 'react';

import {Text, View} from 'react-native'; class HelloReactNative extends Component { render() { return ( <View> <Text> If you like React, you'll also like React Native. </Text> <Text> Instead of 'div' and 'span', you'll use native components like 'View' and 'Text'. </Text> </View> ); } }

2. native code를 불러와서 쓸 경우 - 다음과 같이 Swift, Java, Objective-C로 쓰인 components들도 react native에서 불러 쓸 수 있다.

import React, {Component} from 'react'; import {Text, View} from 'react-native'; import {MapViewComponent} from './your-native-map-implementation'; class CustomMapView extends Component { render() { return ( <View> <MapViewComponent /> <Text> MapViewComponent could use native Swift, Java, or Objective-C - the product development process is the same. </Text> </View> ); } }