Skip to content

S
shoppinglist
Commit a6a500ec authored by Farhani's avatar Farhani
Browse files
Options

Add increment and decrement value to input quantity

parent c9cc0c7e
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 92 additions and 131 deletions
.vscode/settings.json 0 → 100644
View file @ a6a500ec
{
"java.configuration.updateBuildConfiguration": "automatic"
}
\ No newline at end of file
App.js
View file @ a6a500ec
......@@ -2,14 +2,7 @@ import * as React from 'react';
import { View, Text, TouchableOpacity, SafeAreaView, ScrollView, StyleSheet, Image} from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import ListScreen from './screens/ListScreen/index';
// import HomeScreen from './pages/HomeScreen';
// import RegisterUser from './pages/RegisterUser';
// import UpdateUser from './pages/UpdateUser';
// import ViewUser from './pages/ViewUser';
// import ViewAllUser from './pages/ViewAllUser';
// import DeleteUser from './pages/DeleteUser';
import ListScreen from './screens/ListScreen';
const Stack = createNativeStackNavigator();
const meal = require('./images/breakfast.png');
......@@ -23,9 +16,9 @@ const App = () => {
options={{
title: 'Shopping List',
headerStyle: {
backgroundColor: 'pink',
backgroundColor: '#ffc0cb',
},
headerTintColor: 'white',
headerTintColor: 'grey',
headerTitleStyle: {
fontWeight: 'normal',
},
......@@ -33,120 +26,7 @@ const App = () => {
/>
</Stack.Navigator>
</NavigationContainer>
// <SafeAreaView>
// <View style={styles.topContainer}>
// <Text style={styles.headerTitle}>SHOPPING LIST</Text>
// </View>
// <ScrollView>
// <View style = {styles.outerContainer}>
// <View style = {styles.listCard}>
// <View style={{flexDirection:'row'}}>
// <View style = {styles.imageContainer}>
// <Image style = {[styles.imageSize,{marginHorizontal:3, marginTop:2}]} source={meal}/>
// <View style={{flexDirection:'column'}}>
// <View style={{flexDirection:'row', justifyContent:'space-between', width:'100%'}}>
// <Text style={[styles.textName,{}]}>Grocery</Text>
// <TouchableOpacity style={[styles.editDeleteContainer,{marginHorizontal:15}]}>
// <Image source={meal} style={{width:30, height:30}}></Image>
// </TouchableOpacity>
// <TouchableOpacity style={[styles.editDeleteContainer,{}]}>
// <Image source={meal} style={{width:30, height:30}}></Image>
// </TouchableOpacity>
// </View>
// <View style={{flexDirection:'row'}}>
// <Text style={styles.textQuantity}>Quantity</Text>
// </View>
// </View>
// </View>
// </View>
// </View>
// <TouchableOpacity style={{backgroundColor:'red', width:70, height:70, position:'absolute', marginTop:650, marginHorizontal:300, borderRadius:100,}}>
// {/* <Image source={meal} style={{width:40, height:40}}></Image> */}
// </TouchableOpacity>
// </View>
// </ScrollView>
// </SafeAreaView>
);
};
// const styles = StyleSheet.create({
// topContainer:{
// width:'100%',
// height:80,
// backgroundColor:'transparent',
// },
// outerContainer:{
// width:'100%',
// height:900,
// backgroundColor:'pink'
// },
// listCard:{
// width:'95%',
// height:100,
// backgroundColor:'yellow',
// marginTop:10,
// marginBottom:5,
// marginHorizontal:10,
// borderRadius:8,
// elevation:2
// },
// headerTitle:{
// fontSize:29,
// justifyContent:'center',
// alignItems:'center',
// marginHorizontal:100,
// marginTop:30,
// color:'pink',
// },
// imageSize:{
// width:75,
// height:75,
// justifyContent:'center',
// alignItems:'center',
// },
// imageContainer:{
// borderRadius:10,
// borderWidth:0.1,
// borderColor:'red',
// flexDirection:'row',
// backgroundColor:'red',
// marginTop:11,
// marginHorizontal:8,
// height:80,
// width:80,
// },
// textName:{
// flexDirection:'row',
// marginHorizontal:10,
// width:'75%',
// marginTop:10,
// fontSize:20,
// },
// textQuantity:{
// flexDirection:'row',
// marginHorizontal:10,
// // width:'75%',
// // marginTop:15,
// fontSize:15,
// },
// editDeleteContainer:{
// width:40,
// height:40,
// backgroundColor:'pink',
// marginTop:20,
// // marginHorizontal:10,
// borderRadius:8,
// borderColor:'pink',
// elevation:8,
// justifyContent:'center',
// alignItems:'center'
// },
// addContainer:{
// width:10,
// height:10,
// backgroundColor:'green',
// }
// });
export default App;
\ No newline at end of file
android/app/build.gradle
View file @ a6a500ec
......@@ -84,6 +84,9 @@ project.ext.react = [
apply from: "../../node_modules/react-native/react.gradle"
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
/**
* Set this to true to create two separate APKs instead of one:
* - An APK that only works on ARM devices
......@@ -253,7 +256,7 @@ dependencies {
//noinspection GradleDynamicVersion
implementation "com.facebook.react:react-native:+" // From node_modules
implementation project(':react-native-vector-icons')
implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") {
......
android/app/src/debug/AndroidManifest.xml
View file @ a6a500ec
......@@ -3,7 +3,8 @@
xmlns:tools="http://schemas.android.com/tools">
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
<uses-permission android:name="android.permission.CAMERA"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<application
android:usesCleartextTraffic="true"
tools:targetApi="28"
......
android/app/src/main/java/com/shoppinglist/MainApplication.java
View file @ a6a500ec
......@@ -12,6 +12,8 @@ import com.facebook.soloader.SoLoader;
import com.shoppinglist.newarchitecture.MainApplicationReactNativeHost;
import java.lang.reflect.InvocationTargetException;
import java.util.List;
import com.oblador.vectoricons.VectorIconsPackage;
public class MainApplication extends Application implements ReactApplication {
......
android/settings.gradle
View file @ a6a500ec
......@@ -2,6 +2,8 @@ rootProject.name = 'shoppinglist'
apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
include ':app'
includeBuild('../node_modules/react-native-gradle-plugin')
include ':react-native-vector-icons'
project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')
if (settings.hasProperty("newArchEnabled") && settings.newArchEnabled == "true") {
include(":ReactAndroid")
......
package.json
View file @ a6a500ec
......@@ -12,12 +12,15 @@
"dependencies": {
"@react-navigation/native": "^6.1.1",
"@react-navigation/native-stack": "^6.9.7",
"link": "^1.5.1",
"react": "18.1.0",
"react-native": "0.70.6",
"react-native": "^0.70.6",
"react-native-image-picker": "^4.10.3",
"react-native-numeric-input": "^1.9.1",
"react-native-safe-area-context": "^4.4.1",
"react-native-screens": "^3.18.2",
"react-native-sqlite-storage": "^6.0.1"
"react-native-sqlite-storage": "^6.0.1",
"react-native-vector-icons": "^9.2.0"
},
"devDependencies": {
"@babel/core": "^7.12.9",
......
screens/ListScreen/index.js
View file @ a6a500ec
This diff is collapsed.
yarn.lock
View file @ a6a500ec
......@@ -2144,6 +2144,15 @@ cliui@^6.0.0:
strip-ansi "^6.0.0"
wrap-ansi "^6.2.0"
cliui@^7.0.2:
version "7.0.4"
resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
integrity sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==
dependencies:
string-width "^4.2.0"
strip-ansi "^6.0.0"
wrap-ansi "^7.0.0"
clone-deep@^4.0.1:
version "4.0.1"
resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-4.0.1.tgz#c19fd9bdbbf85942b4fd979c84dcf7d5f07c2387"
......@@ -3134,7 +3143,7 @@ gensync@^1.0.0-beta.2:
resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
get-caller-file@^2.0.1:
get-caller-file@^2.0.1, get-caller-file@^2.0.5:
version "2.0.5"
resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
......@@ -4416,6 +4425,11 @@ lines-and-columns@^1.1.6:
resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
link@^1.5.1:
version "1.5.1"
resolved "https://registry.yarnpkg.com/link/-/link-1.5.1.tgz#2fd37e759820ee077267c8473e4e31cde30a3c6d"
integrity sha512-80GBz0JfARAPedegdwtMHJ4tiPCQNqi9UZ0womJ5YU6Zw/Jc8JRji5cnhqkxGTTFAPLs1HftUDf81qUQg0aY0Q==
locate-path@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
......@@ -5433,7 +5447,7 @@ prompts@^2.0.1, prompts@^2.4.0:
kleur "^3.0.3"
sisteransi "^1.0.5"
prop-types@^15.8.1:
prop-types@^15.6.1, prop-types@^15.7.2, prop-types@^15.8.1:
version "15.8.1"
resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
......@@ -5528,6 +5542,19 @@ react-native-image-picker@^4.10.3:
resolved "https://registry.yarnpkg.com/react-native-image-picker/-/react-native-image-picker-4.10.3.tgz#cdc11d9836b4cfa57e658c0700201babf8fdca10"
integrity sha512-gLX8J6jCBkUt6jogpSdA7YyaGVLGYywRzMEwBciXshihpFZjc/cRlKymAVlu6Q7HMw0j3vrho6pI8ZGC5O/FGg==
react-native-numeric-input@^1.9.1:
version "1.9.1"
resolved "https://registry.yarnpkg.com/react-native-numeric-input/-/react-native-numeric-input-1.9.1.tgz#eff20699a51ecce6cbd1e3682f68dad981d84e35"
integrity sha512-uJiMjundXHiBcBLHgSqbfSjLdBM+4OBgLJLSsYG5/+XST5XWufsU8eZaEsn1miOkhjj2B7WgshjNX2Qm+4n3kw==
dependencies:
prop-types "^15.6.1"
react-native-pixel-perfect "^1.0.1"
react-native-pixel-perfect@^1.0.1:
version "1.0.2"
resolved "https://registry.yarnpkg.com/react-native-pixel-perfect/-/react-native-pixel-perfect-1.0.2.tgz#8e6dc97e377caa4bd07f9e584ba438d53c0e25e8"
integrity sha512-0IvYCNkxuQbQC9q4tI+C3i6o38nbx916p7gBRBWuPxDhKBCuTkVV3VukcfW6vtjRlwQm6kwQcF9OtI+yUBt+YA==
react-native-safe-area-context@^4.4.1:
version "4.4.1"
resolved "https://registry.yarnpkg.com/react-native-safe-area-context/-/react-native-safe-area-context-4.4.1.tgz#239c60b8a9a80eac70a38a822b04c0f1d15ffc01"
......@@ -5546,7 +5573,15 @@ react-native-sqlite-storage@^6.0.1:
resolved "https://registry.yarnpkg.com/react-native-sqlite-storage/-/react-native-sqlite-storage-6.0.1.tgz#ce6a6b852f07abbea68658d5363818c8bef45dfb"
integrity sha512-1tDFjrint6X6qSYKf3gDyz+XB+X79jfiL6xTugKHPRtF0WvqMtVgdLuNqZunIXjNEvNtNVEbXaeZ6MsguFu00A==
react-native@0.70.6:
react-native-vector-icons@^9.2.0:
version "9.2.0"
resolved "https://registry.yarnpkg.com/react-native-vector-icons/-/react-native-vector-icons-9.2.0.tgz#3c0c82e95defd274d56363cbe8fead8d53167ebd"
integrity sha512-wKYLaFuQST/chH3AJRjmOLoLy3JEs1JR6zMNgTaemFpNoXs0ztRnTxcxFD9xhX7cJe1/zoN5BpQYe7kL0m5yyA==
dependencies:
prop-types "^15.7.2"
yargs "^16.1.1"
react-native@^0.70.6:
version "0.70.6"
resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.70.6.tgz#d692f8b51baffc28e1a8bc5190cdb779de937aa8"
integrity sha512-xtQdImPHnwgraEx3HIZFOF+D1hJ9bC5mfpIdUGoMHRws6OmvHAjmFpO6qfdnaQ29vwbmZRq7yf14sbury74R/w==
......@@ -6853,6 +6888,15 @@ wrap-ansi@^6.2.0:
string-width "^4.1.0"
strip-ansi "^6.0.0"
wrap-ansi@^7.0.0:
version "7.0.0"
resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
dependencies:
ansi-styles "^4.0.0"
string-width "^4.1.0"
strip-ansi "^6.0.0"
wrappy@1:
version "1.0.2"
resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
......@@ -6909,6 +6953,11 @@ y18n@^4.0.0:
resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.3.tgz#b5f259c82cd6e336921efd7bfd8bf560de9eeedf"
integrity sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==
y18n@^5.0.5:
version "5.0.8"
resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
yallist@^3.0.2:
version "3.1.1"
resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
......@@ -6927,6 +6976,11 @@ yargs-parser@^18.1.2:
camelcase "^5.0.0"
decamelize "^1.2.0"
yargs-parser@^20.2.2:
version "20.2.9"
resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"
integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
yargs@^15.1.0, yargs@^15.3.1, yargs@^15.4.1:
version "15.4.1"
resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
......@@ -6944,6 +6998,19 @@ yargs@^15.1.0, yargs@^15.3.1, yargs@^15.4.1:
y18n "^4.0.0"
yargs-parser "^18.1.2"
yargs@^16.1.1:
version "16.2.0"
resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.2.0.tgz#1c82bf0f6b6a66eafce7ef30e376f49a12477f66"
integrity sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==
dependencies:
cliui "^7.0.2"
escalade "^3.1.1"
get-caller-file "^2.0.5"
require-directory "^2.1.1"
string-width "^4.2.0"
y18n "^5.0.5"
yargs-parser "^20.2.2"
yocto-queue@^0.1.0:
version "0.1.0"
resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
......
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