☀️ 기상시간 - 7:00
🌕 마감시간 - 24:00
❌ 저녁을 먹은 후 부모님이 운동을 나가실 때 편하게 거실에서 운동중. 운동시간은 제외한다 해도 저녁시간에 작업을 하질 못한다ㅠㅠ 고로 하루 작업시간이 너무 짧다.
제대로 배우지 않고 이것저것 리서치 하면서 배웠더니 몰랐던 사실.
react-native에서도 styled-components를 사용할 수 있따는 사실..!
ethan이 StyleSheet보다 styled-components를 쓰면 좋겠다는 피드백을 주어서
뚜둥겨봤더니... $ yarn add styled-components
를 통해
추가를 하니까 바로 적용이 되었다.
그리고 이전에 View, Text등의 태그를 쓰기 위해서는
import 작업이 필요했는데,
스타일지정을 위해서 입력하면 되니, import를 따로 해줄 필요가 없었다!
import React from 'react';
import styled from 'styled-components';
...
<Container>
<Content>
<Input />
</Content>
</Container>
...
const Container = styled.View`
display: flex;
align-items: center;
`;
const Content = styled.Text`
font-size: 20px;
`;
const Input = styled.TextInput`
justify-content: center;
`;
Header에 넣어둔 add 버튼을 클릭하게 되면
기존에 입력되어있던 할일 목록들이 전부 사라지고,
input 창에 내용을 입력 후 엔터를 누르면
에러 창이 뜨는데
이렇게 concat을 인식을 못한다.
아직 해결 시도는 해보지 못했지만, 내 생각으로는 왠지
<FlatList>
태그 안에 concat을 넣은게 잘못됬나 싶다...
원래 저 태그의 기능이 리스트를 나열하는 것이기 때문에..?
그래서 내일은 moon이 말했던 것 처럼 <ScrollView>
를 써볼까 한다.