Toggle navigation
Toggle navigation
This project
Loading...
Sign in
신승민
/
pocketMovie
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
korkeep
2019-12-08 21:55:40 +0900
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
777b4939821cb3f1a65de3e4185e49595874a38b
777b4939
1 parent
f73bfede
Initial DB
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
26 additions
and
120 deletions
Components/AppTabNavigator/WantToWatchTab.js
Components/AppTabNavigator/WantToWatchTab.js
View file @
777b493
import
React
,
{
Component
}
from
'react'
;
import
{
StyleSheet
,
Text
,
View
,
ScrollView
,
TouchableOpacity
,
Image
,
Alert
,
AsyncStorage
}
from
'react-native'
;
import
{
Icon
}
from
'native-base'
;
import
axios
from
"axios"
;
const
API_KEY
=
"2bf00f660b1a6a3ffeb6e06ac270cce3"
;
const
NAVER_CLIENT_ID
=
"KqPsntd1hcPJ8FUPBGqN"
;
const
NAVER_CLIENT_SECRET
=
"0GRb3uya1U"
;
import
uuidv1
from
"uuid/v1"
;
//ID 만들기위해 import
import
React
,
{
Component
}
from
'react'
;
import
{
Platform
,
StyleSheet
,
Text
,
View
,
TouchableOpacity
,
AsyncStorage
,
}
from
'react-native'
;
import
{
Icon
}
from
"native-base"
;
export
default
class
WantToWatchTab
extends
Component
{
export
default
class
App
extends
Component
{
//네비게이션 바
static
navigationOptions
=
{
tabBarIcon
:
({
tintColor
})
=>
(
<
Icon
name
=
'ios-star'
style
=
{{
color
:
tintColor
}}
/
>
)
}
state
=
{
isLoading
:
true
,
info
:
[],
date
:
""
,
imgur1
:
[]
};
getMovieList
=
async
date
=>
{
axios
.
get
(
`http://www.kobis.or.kr/kobisopenapi/webservice/rest/boxoffice/searchDailyBoxOfficeList.json?key=
${
API_KEY
}
&targetDt=
${
date
}
`
)
.
then
(
response
=>
{
this
.
setState
({
//영화 제목
name0
:
response
.
data
.
boxOfficeResult
.
dailyBoxOfficeList
[
0
].
movieNm
,
info
:
response
.
data
.
boxOfficeResult
.
dailyBoxOfficeList
});
name
=
response
.
data
.
boxOfficeResult
.
dailyBoxOfficeList
[
0
].
movieNm
;
fetch
(
`https://openapi.naver.com/v1/search/movie.json?query='
${
name
}
'`
,
{
headers
:
{
"X-Naver-Client-Id"
:
NAVER_CLIENT_ID
,
"X-Naver-Client-Secret"
:
NAVER_CLIENT_SECRET
}
saveData
(){
let
name
=
"앙기모띠"
;
AsyncStorage
.
setItem
(
'user'
,
name
);
}
)
.
then
(
response
=>
response
.
json
())
.
then
(
json
=>
{
this
.
setState
({
imgurl0
:
json
.
items
[
0
].
image
});
});
displayData
=
async
()
=>
{
try
{
let
user
=
await
AsyncStorage
.
getItem
(
'user'
);
alert
(
user
);
}
)
.
catch
(
error
=>
{
console
.
log
(
error
);
});
};
//날짜 정하기
componentDidMount
()
{
var
day
=
new
Date
().
getDate
()
-
1
;
// 어제 날짜
if
(
day
==
1
)
{
day
=
30
;
}
else
if
(
day
<
10
)
{
day
=
"0"
+
day
;
catch
(
error
){
alert
(
error
)
}
var
month
=
new
Date
().
getMonth
()
+
1
;
//Current Month
var
year
=
new
Date
().
getFullYear
();
//Current Year
var
date
=
year
+
""
+
month
+
day
;
this
.
getMovieList
(
date
);
}
//눌렀을 때 동작
_onPressButton
=
()
=>
{
Alert
.
alert
(
"Image Pressed"
);
};
render
()
{
return
(
<
ScrollView
style
=
{
style
.
scrollView
}
>
<
Text
style
=
{
style
.
title
}
>
MovieRanking
<
/Text
>
<
View
style
=
{
style
.
lowContainer
}
>
<
TouchableOpacity
style
=
{
style
.
button
}
onPress
=
{
this
.
_onPressButton
}
//누르는 동작
>
<
Image
style
=
{
style
.
poster
}
source
=
{{
uri
:
`
${
this
.
state
.
imgurl0
}
`
}}
/
>
<
Text
>
{
this
.
state
.
name0
}
<
/Text
>
<
View
style
=
{
styles
.
container
}
>
<
TouchableOpacity
onPress
=
{
this
.
saveData
}
>
<
Text
>
User
정보
저장
<
/Text>
<
/TouchableOpacity>
<
TouchableOpacity
onPress
=
{
this
.
displayData
}
>
<
Text
>
User
정보
출력
<
/Text>
<
/TouchableOpacity>
<
/View>
<
/ScrollView
>
);
}
}
const
style
=
StyleSheet
.
create
({
const
styles
=
StyleSheet
.
create
({
container
:
{
flex
:
1
},
scrollView
:
{
// backgroundColor: "black",
// justifyContent: "center",
// alignItems: "center"
},
title
:
{
fontSize
:
20
,
justifyContent
:
"center"
,
alignItems
:
"center"
},
lowContainer
:
{
flex
:
1
,
flexDirection
:
"row"
,
justifyContent
:
"center"
,
alignItems
:
"center"
},
poster
:
{
// resizeMode: "cover",
flex
:
10
,
width
:
"90%"
,
height
:
200
,
paddingHorizontal
:
50
// alignItems: "stretch"
justifyContent
:
'center'
,
alignItems
:
'center'
,
backgroundColor
:
'#F5FCFF'
,
},
});
\ No newline at end of file
});
\ No newline at end of file
...
...
Please
register
or
login
to post a comment