khwilo

// ...
import { Keyboard,TouchableWithoutFeedback, /* ... other component imports */} from 'react-native';

// ...

const Home = () => {
  // ...

  return (
    <TouchableWithoutFeedback onPress={Keyboard.dismiss}>

khwilo

import { registerRootComponent } from 'expo';

import App from './src/App';

registerRootComponent(App);

khwilo

import React, { useEffect, useState } from 'react';

// ...

const Home = () => {
  const defaultValue = 0;
  // ...
  
  useEffect(() => {
    const total = parseFloat(bill) || defaultValue;

khwilo

// ...

const Home = () => {
  // ...
  
  const handleSplitAdd = () => {
    setSplit((split) => {
      const total = parseInt(split) + 1;
      return total.toString();
    });

khwilo

// ...

const Home = () => {
  // ...
  
  const handleBillChange = (value) => {
    setBill(value);
  };

  const handleTipChange = (value) => {

khwilo

import React, { useState } from 'react';

// ....

const Home = () => {
  const [bill, setBill] = useState('0.00');
  const [tip, setTip] = useState('10');
  const [split, setSplit] = useState('2');
  const [splitTotal, setSplitTotal] = useState('0.00');
  

khwilo

import React from 'react';

import Home from './screens/Home';

const App = () => {
  return <Home />;
};

export default App;

khwilo

import React from 'react';
import { StyleSheet, View } from 'react-native';

import Input from '../components/Input';
import SplitOutput from '../containers/SplitOutput';

const styles = StyleSheet.create({
  container: {
    flex: 1,
    paddingTop: 40,

khwilo

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

const styles = StyleSheet.create({
  textHeader: {
    fontSize: 18,
    color: '#ffffff',
    fontWeight: '700',
    letterSpacing: 1.5,
  },

khwilo

import React from 'react';
import { MaterialIcons } from '@expo/vector-icons';

import { StyleSheet, Text, View } from 'react-native';

const styles = StyleSheet.create({
  textHeader: {
    fontSize: 18,
    color: '#ffffff',
    fontWeight: '700',