korkeep

눌러용 눌러야만 list 출력

......@@ -18,6 +18,7 @@ const NAVER_CLIENT_SECRET = "0GRb3uya1U";
export default class MovieRankingTab extends Component {
state = {
list: "", // 스트링 리스트 받아오는 변수
isLoading: true,
info: [],
date: "",
......@@ -208,10 +209,13 @@ export default class MovieRankingTab extends Component {
this.getMovieList(date);
}
//눌렀을 때 저장함수
_onPressButton(temp) {
//this.state.list = ""; //초기화(On Off 기능으로 짜놨습니당, 누적되는거 보고싶으면 이부분 주석달면 돼여)
Alert.alert(temp);//메시지 띄우고
console.log(temp);//콘솔에 log 띄운다
AsyncStorage.setItem('MovieLists', temp); //DB에 저장한다
this.state.list = this.state.list + '\n' + temp; //list 누적해준다(endl으로 구분)
console.log(this.state.list);//콘솔에 log 띄운다
AsyncStorage.setItem('MovieLists', this.state.list); //DB에 저장한다
}
render() {
......
......@@ -6,7 +6,6 @@ import {
TouchableOpacity,
AsyncStorage,
ScrollView,
//불러오기 위한 것
Image,
} from 'react-native';
import { Icon } from "native-base";
......@@ -18,6 +17,7 @@ const NAVER_CLIENT_SECRET = "0GRb3uya1U";
export default class App extends Component {
state = {
list: "", //영화 제목 list
date: "", //날짜
imgurl0: [], //이미지
name0: [], //제목
......@@ -35,6 +35,7 @@ export default class App extends Component {
var year = new Date().getFullYear(); //Current Year
var date = year + "" + month + day;
this.getMovieList(date);
this.setData();
}
getMovieList = async date => {
......@@ -79,16 +80,11 @@ export default class App extends Component {
)
}
//저장 함수
// saveData() {
// AsyncStorage.setItem('test', this.state.name0);
// }
//출력 함수
displayData = async () => {
//Data 설정함수
setData = async () => {
try {
let user = await AsyncStorage.getItem('MovieLists');
alert(user);
this.state.list = await AsyncStorage.getItem('MovieLists'); //List에 받아온다
//console.log(this.state.list); //잘 뜨는데??
}
catch (error) {
alert(error)
......@@ -99,23 +95,10 @@ export default class App extends Component {
render() {
return (
<View style={styles.container}>
<View style={styles.top}>
{/* bind해주면 위에 saveData 돌아간다 */}
{/* <TouchableOpacity onPress={this.saveData.bind(this)}>
<Image
style={styles.poster}
source={{ uri: `${this.state.imgurl0}` }}
/>
<Text>{this.state.name0}</Text>
<Text style={styles.textStyle}>영화 정보 저장</Text>
</TouchableOpacity> */}
</View>
<View style={styles.bottom}>
<TouchableOpacity onPress={this.displayData}>
<Text style={styles.textStyle}>영화 정보 출력</Text>
<TouchableOpacity onPress={this.componentDidMount.bind(this)}>
<Text style={styles.textStyle}>눌러용</Text>
</TouchableOpacity>
</View>
<Text style={styles.textStyle}>{this.state.list}</Text>
</View>
);
}
......@@ -126,21 +109,7 @@ const styles = StyleSheet.create({
flex: 1,
alignItems: "center"
},
top: {
flex: 2,
justifyContent: 'center',
alignItems: 'center',
},
bottom: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
textStyle: {
fontSize: 25,
},
poster: {
flex: 5,
paddingHorizontal: 50
},
});
\ No newline at end of file
......