moiseshilario / delivery-app-mobile Goto Github PK

View Code? Open in Web Editor NEW

188.0 5.0 68.0 4.38 MB

🍕React Native food delivery app

License: MIT License

Java 3.40% JavaScript 87.40% Objective-C 6.14% Starlark 3.07%

react-native redux redux-saga react-navigation

delivery-app-mobile's Introduction

Delivery App Mobile

Food delivery app built with React Native

Connected Projects

Setup

yarn

npm i

Linking

You need to link some libs to make it work properly

react-native link

react-native-gesture-handler

react-native link react-native-vector-icons

react-native link @react-native-community/async-storage

react-native link react-native-linear-gradient

Running

iOS:
- Yarn: yarn ios
- npm: npm run ios
Android:
- Yarn: yarn android
- npm: npm run android
Later builds:
- Yarn: yarn start
- npm: npm run start

Stack

redux
redux-saga
duck pattern
react-navigation
axios
styled-components
react-native-gesture-handler
reactotron
editorconfig
eslint
babel-plugin-root-import

delivery-app-mobile's People

Contributors

Stargazers

Watchers

delivery-app-mobile's Issues

bash: ./gradlew: Permission denied

When I run

 cd android && ./gradlew app:assembleRelease

I get this error:

bash: ./gradlew: Permission denied

Fix:

chmod +x ./gradle

Question:

Is it possible add this permission in the repository?

generated apk throws error at installation: base.apk has no certificates at entry AndroidManifest.xml

I tried to install the generated apk file with:

adb install /tmp/delivery-app-mobile/android/app/build/outputs/apk/release/app-release-unsigned.apk

And I got this error

Failed to install /tmp/delivery-app-mobile/android/app/build/outputs/apk/release/app-release-unsigned.apk: Failure [INSTALL_PARSE_FAILED_NO_CERTIFICATES: Package /data/app/vmdl1171391791.tmp/base.apk has no certificates at entry AndroidManifest.xml]

minimal mistake error in readme

Current

react-native link
react-native-gesture-handler

Must be

react-native link react-native-gesture-handler

`react-native-screens` does not exist in the Haste module map

After fix the package androidx.core.util does not exist error with

I have another errors:

> Task :app:bundleReleaseJsAndAssets
warning: the transform cache was reset.
Loading dependency graph, done.
error Unable to resolve module `react-native-screens` from `/tmp/delivery-app-mobile/node_modules/react-navigation-tabs/src/navigators/createBottomTabNavigator.js`: Module `react-native-screens` does not exist in the Haste module map

This might be related to https://github.com/facebook/react-native/issues/4968
To resolve try the following:
  1. Clear watchman watches: `watchman watch-del-all`.
  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
  3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.
  4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.. Run CLI with --verbose flag for more details.

> Task :app:bundleReleaseJsAndAssets FAILED

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:bundleReleaseJsAndAssets'.
> Process 'command 'node'' finished with non-zero exit value 1

Environment

ubuntu
node 10
java 8

readme does not have a build section

How to use BlurView with web browser from react-native-community/blure?

I was trying to use blur View for my project as I was following in tutorial but it is not working with me as I'm running my project in browser to view the result but it gives this error:Failed to compile C:/Users/basha/Nike-Store/node_modules/@react-native-community/blur/index.js Module not found: Can't resolve './src/BlurView' in 'C:\Users\basha\Nike-Store\node_modules@react-native-community\blur'

`import { BlurView } from "@react-native-community/blur";

const Home =()=>{

const [showAddToBagModal, setShowAddToBagModal] = React.useState(false)
const [selectedItem, setSelectedItem] = React.useState(null)
const [selectedSize, setSelectedSize] = React.useState("")

const [trending, setTrending]=useState(
Data.map((dataItem, index)=>({
key:${index},
name: dataItem.name,
img: dataItem.img,
bgColor:dataItem.bgColor,
type: dataItem.type,
price: dataItem.price,
sizes: dataItem.sizes
}))
);

const renderItem=({item, index})=>{
return(
<TouchableOpacity onPress={()=>{
setSelectedItem(item)
setShowAddToBagModal(true)
}}

     style={styles.renderStyle}>
      <Text style={styles.renderText}>{item.type}</Text>
      <View style={[styles.renderView,{backgroundColor: item.bgColor}]}>
            <View style={styles.viewName}>
             <Text style={styles.textName}>{item.name}</Text>
             <Text style={styles.textName1}>{item.price}</Text>
             </View>
         </View>
         <View style={styles.viewSvg}>
              <Svg height="100%" widht="100%">
                  <Polygon 
                  points="0,0 160,0 160,80"
                  fill='#fff'
             /></Svg>
        </View> 
            <Image 
         source={item.img}
         style={styles.image}
         />
     </TouchableOpacity>
 )

}

return(

TRENDING

    <View style={styles.flatView}>
    <FlatList
                horizontal
                showsHorizontalScrollIndicator={false}
                data={trending}
                keyExtractor={item => item.id}
                renderItem={renderItem}
            />
    </View>

    <View style={styles.secondFlat}>
        <View style={{width:70, marginLeft:SIZES.base}}>
           <Image 
           source={images.recentlyViewedLabel}
           resizeMode="contain"
           style={{height:'100%', width:'100%'}}
           />
        </View>
    </View>
    {selectedItem &&
    <Modal animationType="slide"
    transparent={true}
    visible={showAddToBagModal}>
       <BlurView
                    style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}
                    blurType="light"
                    blurAmount={20}
                    reducedTransparencyFallbackColor="white"
                >
        </BlurView>

    </Modal>
    }
    
    </View>
)

App run on device but can not login

Hi,

App run smoothly on Emulator (I can login/register/make order).

But I can not login/register on riil device.

android assembleRelease does not work

Hi.

Your app look awesome :D !!!

I tried to compile for android with this command:

cd android && ./gradlew assembleRelease

And I get this error:

> Configure project :@react-native-community_async-storage
File /home/jane_done/.android/repositories.cfg could not be loaded.
Checking the license for package Android SDK Build-Tools 28.0.3 in /home/jane_done/Apps/android/android_home/licenses
License for package Android SDK Build-Tools 28.0.3 accepted.
Preparing "Install Android SDK Build-Tools 28.0.3 (revision: 28.0.3)".
"Install Android SDK Build-Tools 28.0.3 (revision: 28.0.3)" ready.
Installing Android SDK Build-Tools 28.0.3 in /home/jane_done/Apps/android/android_home/build-tools/28.0.3
"Install Android SDK Build-Tools 28.0.3 (revision: 28.0.3)" complete.
"Install Android SDK Build-Tools 28.0.3 (revision: 28.0.3)" finished.
Checking the license for package Android SDK Platform 28 in /home/jane_done/Apps/android/android_home/licenses
License for package Android SDK Platform 28 accepted.
Preparing "Install Android SDK Platform 28 (revision: 6)".
"Install Android SDK Platform 28 (revision: 6)" ready.
Installing Android SDK Platform 28 in /home/jane_done/Apps/android/android_home/platforms/android-28
"Install Android SDK Platform 28 (revision: 6)" complete.
"Install Android SDK Platform 28 (revision: 6)" finished.

> Task :react-native-gesture-handler:compileReleaseJavaWithJavac FAILED
/tmp/workspace/delivery-app-mobile/node_modules/react-native-gesture-handler/android/src/main/java/com/swmansion/gesturehandler/react/RNGestureHandlerModule.java:37: error: cannot find symbol
import androidx.annotation.Nullable;
                          ^
  symbol:   class Nullable
  location: package androidx.annotation
/tmp/workspace/delivery-app-mobile/node_modules/react-native-gesture-handler/android/src/main/java/com/swmansion/gesturehandler/react/RNGestureHandlerRegistry.java:12: error: cannot find symbol
import androidx.annotation.Nullable;

My environment is:

ubuntu
node 10

How can I generate an apk file for testing purposes?