Commit b67a4fa9 by G

PaymentAmountInput Screen

parent ffaf8a62
import theme from "@/themes/Theme"; import theme from "@/themes/Theme";
import HomePageWithPaymentOptions from "@screens/HomePageWithPaymentOptions"; import PaymentAmountInputScreen from "@screens/PaymentAmountInputScreen";
import { ThemeProvider } from "@shopify/restyle"; import { ThemeProvider } from "@shopify/restyle";
import { StatusBar } from "expo-status-bar"; import { StatusBar } from "expo-status-bar";
import { StyleSheet } from "react-native"; import { StyleSheet } from "react-native";
...@@ -11,7 +11,7 @@ export default function App() { ...@@ -11,7 +11,7 @@ export default function App() {
{/* <View style={styles.container}> */} {/* <View style={styles.container}> */}
<SafeAreaProvider> <SafeAreaProvider>
<StatusBar style="auto" /> <StatusBar style="auto" />
<HomePageWithPaymentOptions /> <PaymentAmountInputScreen />
</SafeAreaProvider> </SafeAreaProvider>
{/* </View> */} {/* </View> */}
</ThemeProvider> </ThemeProvider>
......
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;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment