React Native 3가지 Rule

임광훈·2024년 1월 16일
1

React Native

목록 보기
2/2

1. <div> -> <View>

div 대신 view를 사용해야 한다.

2. text -> <Text>

모든 텍스트는 text component안에 있어야 한다.

export default function App() {
  return (
    <View>
      <Text>
        Hello! I made a RN App!
      </Text>
      <StatusBar style="auto" />
    </View>
  );
}

3. style -> style

border와 같은 몇몇 스타일을 사용할 수 없다.
98%는 동일함

StyleSheet.create로 스타일 템플릿 생성해야 autocomplete(vscode의 자동완성)을 사용할 수 있다.

import { StyleSheet } from 'react-native';
const styles = StyleSheet.create({})
profile
나, 가능

0개의 댓글