Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
E
eCartPro-Customer
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Dida Adams Arizona
eCartPro-Customer
Commits
3aac04a0
Commit
3aac04a0
authored
Jul 06, 2020
by
Deni Rinaldi
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
listSearch
parent
baf0024e
Changes
10
Show whitespace changes
Inline
Side-by-side
Showing
10 changed files
with
73 additions
and
1 deletion
+73
-1
ListSearchScreen.js
App/Containers/ListSearchScreen.js
+58
-0
ProfileScreen.js
App/Containers/ProfileScreen.js
+2
-1
ListSearchScreenStyle.js
App/Containers/Styles/ListSearchScreenStyle.js
+6
-0
icon_filter.png
App/Images/Icons/icon_filter.png
+0
-0
icon_listoff.png
App/Images/Icons/icon_listoff.png
+0
-0
icon_liston.png
App/Images/Icons/icon_liston.png
+0
-0
icon_thumbnailoff.png
App/Images/Icons/icon_thumbnailoff.png
+0
-0
icon_thumbnailon.png
App/Images/Icons/icon_thumbnailon.png
+0
-0
AppNavigation.js
App/Navigation/AppNavigation.js
+2
-0
Images.js
App/Themes/Images.js
+5
-0
No files found.
App/Containers/ListSearchScreen.js
0 → 100644
View file @
3aac04a0
import
React
,
{
Component
}
from
'react'
import
{
ScrollView
,
Text
,
FlatList
,
View
,
StatusBar
,
Image
}
from
'react-native'
import
{
connect
}
from
'react-redux'
// Add Actions - replace 'Your' with whatever your reducer is called :)
// import YourActions from '../Redux/YourRedux'
// Styles
import
styles
from
'./Styles/ListSearchScreenStyle'
import
BaseHeader
from
'../Components/BaseHeader'
import
{
Images
}
from
'../Themes'
import
BaseText
from
'../Components/BaseText'
class
ListSearchScreen
extends
Component
{
constructor
(
props
)
{
super
(
props
)
this
.
state
=
{
thumbnail
:
false
}
}
render
()
{
return
(
<
View
style
=
{{
flex
:
1
}}
>
<
StatusBar
backgroundColor
=
{
'transparent'
}
translucent
=
{
true
}
barStyle
=
{
'light-content'
}
/
>
<
BaseHeader
typeSearch
=
{
true
}
/
>
<
View
style
=
{{
backgroundColor
:
'#4cc9f0'
,
flex
:
1
}}
>
<
View
style
=
{{
justifyContent
:
'space-between'
,
flexDirection
:
'row'
,
paddingHorizontal
:
30
,
paddingVertical
:
20
}}
>
<
View
style
=
{{
flexDirection
:
'row'
}}
>
<
Image
source
=
{
!
this
.
state
.
thumbnail
?
Images
.
icon_listoff
:
Images
.
icon_liston
}
style
=
{{
width
:
20
,
height
:
20
}}
/
>
<
Image
source
=
{
!
this
.
state
.
thumbnail
?
Images
.
icon_thumbnailon
:
Images
.
icon_thumbnailoff
}
style
=
{{
width
:
20
,
height
:
20
,
marginLeft
:
20
}}
/
>
<
/View
>
<
View
style
=
{{
flexDirection
:
'row'
}}
>
<
BaseText
type
=
{
"bold"
}
text
=
{
'Filter'
}
style
=
{{
fontSize
:
14
,
color
:
'#fff'
,
marginRight
:
20
,
textAlign
:
'center'
}}
/
>
<
Image
source
=
{
Images
.
icon_filter
}
style
=
{{
width
:
20
,
height
:
20
,
alignSelf
:
'center'
}}
resizeMode
=
{
"contain"
}
/
>
<
/View
>
<
/View
>
{
!
this
.
state
.
thumbnail
&&
(
<
View
style
=
{{
flex
:
1
,
backgroundColor
:
'#fff'
,
borderTopLeftRadius
:
30
,
borderTopRightRadius
:
30
,
width
:
'100%'
}}
>
<
/View
>
)}
<
/View
>
<
/View
>
)
}
}
const
mapStateToProps
=
(
state
)
=>
{
return
{
}
}
const
mapDispatchToProps
=
(
dispatch
)
=>
{
return
{
}
}
export
default
connect
(
mapStateToProps
,
mapDispatchToProps
)(
ListSearchScreen
)
App/Containers/ProfileScreen.js
View file @
3aac04a0
import
React
,
{
Component
}
from
'react'
import
{
ScrollView
,
Text
,
KeyboardAvoidingView
,
Image
,
View
,
BackHandler
,
Alert
}
from
'react-native'
import
{
ScrollView
,
Text
,
KeyboardAvoidingView
,
Image
,
View
,
BackHandler
,
Alert
,
StatusBar
}
from
'react-native'
import
{
connect
}
from
'react-redux'
// Add Actions - replace 'Your' with whatever your reducer is called :)
// import YourActions from '../Redux/YourRedux'
...
...
@@ -37,6 +37,7 @@ class ProfileScreen extends Component {
render
()
{
return
(
<
View
style
=
{{
flex
:
1
,
backgroundColor
:
'#fff'
}}
>
<
StatusBar
backgroundColor
=
{
'transparent'
}
translucent
=
{
true
}
barStyle
=
{
'light-content'
}
/
>
<
BaseHeader
leftText
=
{
'Data Diri'
}
/
>
<
View
style
=
{{
backgroundColor
:
'#4cc9f0'
,
borderBottomLeftRadius
:
80
,
borderBottomRightRadius
:
80
,
width
:
'100%'
,
alignSelf
:
'center'
}}
>
<
View
style
=
{{
justifyContent
:
'center'
,
flexDirection
:
'row'
,
marginBottom
:
20
}}
>
...
...
App/Containers/Styles/ListSearchScreenStyle.js
0 → 100644
View file @
3aac04a0
import
{
StyleSheet
}
from
'react-native'
import
{
ApplicationStyles
}
from
'../../Themes/'
export
default
StyleSheet
.
create
({
...
ApplicationStyles
.
screen
})
App/Images/Icons/icon_filter.png
0 → 100644
View file @
3aac04a0
582 Bytes
App/Images/Icons/icon_listoff.png
0 → 100644
View file @
3aac04a0
453 Bytes
App/Images/Icons/icon_liston.png
0 → 100644
View file @
3aac04a0
469 Bytes
App/Images/Icons/icon_thumbnailoff.png
0 → 100644
View file @
3aac04a0
482 Bytes
App/Images/Icons/icon_thumbnailon.png
0 → 100644
View file @
3aac04a0
446 Bytes
App/Navigation/AppNavigation.js
View file @
3aac04a0
import
{
createAppContainer
}
from
'react-navigation'
import
ListSearchScreen
from
'../Containers/ListSearchScreen'
import
RincianProfilScreen
from
'../Containers/RincianProfilScreen'
import
AboutAppScreen
from
'../Containers/AboutAppScreen'
import
TermAndPrivacyScreen
from
'../Containers/TermAndPrivacyScreen'
...
...
@@ -22,6 +23,7 @@ import HomeNavigation from './HomeNavigation'
// Manifest of possible screens
const
PrimaryNav
=
createStackNavigator
({
ListSearchScreen
:
{
screen
:
ListSearchScreen
},
RincianProfilScreen
:
{
screen
:
RincianProfilScreen
},
AboutAppScreen
:
{
screen
:
AboutAppScreen
},
TermAndPrivacyScreen
:
{
screen
:
TermAndPrivacyScreen
},
...
...
App/Themes/Images.js
View file @
3aac04a0
...
...
@@ -15,6 +15,11 @@ const images = {
icon_daftaralamat
:
require
(
'../Images/Icons/icon_daftaralamat.png'
),
icon_katasandi
:
require
(
'../Images/Icons/icon_katasandi.png'
),
icon_keluar
:
require
(
'../Images/Icons/icon_keluar.png'
),
icon_listoff
:
require
(
'../Images/Icons/icon_listoff.png'
),
icon_liston
:
require
(
'../Images/Icons/icon_liston.png'
),
icon_thumbnailoff
:
require
(
'../Images/Icons/icon_thumbnailoff.png'
),
icon_thumbnailon
:
require
(
'../Images/Icons/icon_thumbnailon.png'
),
icon_filter
:
require
(
'../Images/Icons/icon_filter.png'
),
closeBlack
:
require
(
'../Images/Icons/icon_close_black.png'
),
categoryAksesoris
:
require
(
'../Images/categoryAksesoris.png'
),
categoryCelana
:
require
(
'../Images/categoryCelana.png'
),
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment