adrianhajdin / react-native-nft-marketplace

NFT Marketplace - Modern UI/UX React Native App

Introduction

This is a code repository for the corresponding video tutorial.

Master React Native by building a modern NFT Marketplace iOS and Android #ReactNative Application in one video! Alongside developing the application, you'll also build a special landing page to showcase all of your app's features! Essentially, this is a full React Native Crash Course Tutorial video, enjoy!

react-native-nft-marketplace's Issues

goBack() Navigation Not Working

Hello, I have the exact Code as yours and mine is not working,
the goBack Navigation in my code is not working, i try all possible means and search for solutions but could'nt fixed

Hope to hear from you soon sir

Thank you

Error on setting up the project

Hello Adrian,
I am trying to learn react native from one of your
wonderful tutorials. While i replace the package.json file
with the one on your github repo, i'm getting some kind of error
due to the conflict node version, I guess🤔 Could you help me to
solve that?
I've attached the screenshot of my expo app with the error message.

Thank you

John M.

What is actually this 'navigation' variable in DetailsHeader in Details.js

Hi.
I'm curious about the navigation variable we can pass in to the DetailsHeader.
So in order to navigate back to the previous page, we press the CircleButton which brings us back to the previous page via onPress function (which is defined as handlePress={() => navigation.goBack() under the hood.)

But then I'm curious about what is actually the thing that we are passing in to the DetailsHeader in the place of the navigation variable. Is it like the entire "previous page" information or ?
I tried to figure out what it is but its definition is nowhere to be found across the whole project.

Can someone explain it please...?

Code link: https://github.com/adrianhajdin/react-native-nft-marketplace/blob/main/screens/Details.js
Code in question

const DetailsHeader = ({ data, navigation 👈 }) => (       <----------   ❓❓❓
  <View style={{ width: "100%", height: 373 }}>
    <Image
      source={data.image}
      resizeMode="cover"
      style={{ width: "100%", height: "100%" }}
    />

    <CircleButton
      imgUrl={assets.left}
      handlePress={() => navigation.goBack() 👈 }               <----------   ❓❓❓
      left={15}
      top={StatusBar.currentHeight + 10}
    />

    <CircleButton
      imgUrl={assets.heart}
      right={15}
      top={StatusBar.currentHeight + 10}
    />
  </View>
);