[todo_app_4] 스크롤이 가능한 리스트

ToDo.js

리스트를 만들어서, 스크롤 할 수 있게 코드를 작성하려고 한다.

ToDo.js 파일로 빼서 작업

import React, {Component} from 'react';

import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';

export default class ToDo extends Component{ //stateful component, 수정되야하니까

render(){

return (

<View>

<Text> ToDo </Text>

</View>

)

}

}

const styles = StyleSheet.create({

})

App.js 에 ToDo 컴포넌트 import 하기

import ToDo from './ToDo';

<ScrollView>

<ToDo />

</ScrollView>

스크롤이 가능하게 되었다.

가운데 정렬 !

<ScrollView contentContainerStyle={styles.toDos}>

<ToDo />

</ScrollView>

toDos: {

alignItems: "center"

}