Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
B
beasy-mobile
Project
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
4
Issues
4
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
G
beasy-mobile
Commits
b67a4fa9
Commit
b67a4fa9
authored
Apr 25, 2024
by
G
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
PaymentAmountInput Screen
parent
ffaf8a62
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
49 additions
and
2 deletions
+49
-2
App.tsx
App.tsx
+2
-2
PaymentAmountInputScreen.tsx
src/screens/PaymentAmountInputScreen.tsx
+47
-0
No files found.
App.tsx
View file @
b67a4fa9
import
theme
from
"@/themes/Theme"
;
import
HomePageWithPaymentOptions
from
"@screens/HomePageWithPaymentOptions
"
;
import
PaymentAmountInputScreen
from
"@screens/PaymentAmountInputScreen
"
;
import
{
ThemeProvider
}
from
"@shopify/restyle"
;
import
{
StatusBar
}
from
"expo-status-bar"
;
import
{
StyleSheet
}
from
"react-native"
;
...
...
@@ -11,7 +11,7 @@ export default function App() {
{
/* <View style={styles.container}> */
}
<
SafeAreaProvider
>
<
StatusBar
style=
"auto"
/>
<
HomePageWithPaymentOptions
/>
<
PaymentAmountInputScreen
/>
</
SafeAreaProvider
>
{
/* </View> */
}
</
ThemeProvider
>
...
...
src/screens/PaymentAmountInputScreen.tsx
0 → 100644
View file @
b67a4fa9
import
BalanceContainer
from
"@components/BalanceContainer"
;
import
BeasyLogoIcon
from
"@components/BeasyLogoIcon"
;
import
Button
from
"@components/Button"
;
import
Input
from
"@components/Input"
;
import
BackgroundGreenWhiteContentArea
from
"@components/backgrounds/BackgroundGreenWhiteContentArea"
;
import
Box
from
"@components/bases/Box"
;
import
{
SafeAreaView
}
from
"react-native-safe-area-context"
;
const
PaymentAmountInputScreen
=
()
=>
{
return
(
<
BackgroundGreenWhiteContentArea
>
<
SafeAreaView
>
<
Box
style=
{
{
height
:
"100%"
,
width
:
"100%"
}
}
>
<
Box
px=
{
"l"
}
flexDirection=
{
"row"
}
justifyContent=
{
"space-between"
}
alignItems=
{
"center"
}
mb=
{
"l"
}
>
<
BeasyLogoIcon
/>
</
Box
>
<
Box
height=
{
150
}
alignItems=
{
"center"
}
justifyContent=
{
"center"
}
>
<
BalanceContainer
balance=
{
78000
}
label=
"Total des ventes"
/>
</
Box
>
<
Box
p=
{
"l"
}
paddingTop=
{
"x64"
}
>
<
Box
mb=
{
"xl"
}
>
<
Input
label=
"Entrez le montant"
autoFocus=
{
true
}
keyboardType=
"numeric"
/>
</
Box
>
<
Button
onPress=
{
()
=>
{}
}
variant=
{
"full"
}
textVariants=
{
"primary"
}
label=
"Confirmer"
/>
</
Box
>
</
Box
>
</
SafeAreaView
>
</
BackgroundGreenWhiteContentArea
>
);
};
export
default
PaymentAmountInputScreen
;
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