Hey gang, in this React Native tutorial we’ll take a first look at navigation in React Native and talk about how a simple stack navigaor works. We’ll also set up …

source

23 Comments

  1. Thanks Net Ninja! You explain things in a super clear and accessible way, your tutorials are always my go-to when learning a new piece of tech. Rock on.

  2. UPDATE :
    1) npm install @react-navigation/native
    2) expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view

  3. so, imagine i have a user profile screen, where i list data of the user with a request on componentDidMount and there are friend list on this screen, and if i click to a friend's name i *PUSH* myself to user profile screen again with the spesific user_id and this time make request for it, but the problem is if i load the same screen with the different data, the data on the first load is also changing… how do i prevent that?

  4. Hello sir,
    I am running app on my mobile and I am using inputbox. When I press on the box keypad comes up and input box also moves up which means its not static in its position hence overlapping with my text above. Required code is below can u please try an help me out with this:
    import React,{Component} from 'react';
    export default class Form extends Component<{}> {
    render(){

    return(

    <View style={styles.container}>

    <TextInput style={styles.inputBox} underlinerColorAndroid='rgba(0,0,0,0)'

    placeholder="Email"

    onChangeText={TextInputValueHolder => this.setState({TextInputValueHolder})}

    placeholderTextColor = "#ffffff"

    />

    const styles = StyleSheet.create({

    container : {

    backgroundColor:"#455a64",

    flex: 1,

    justifyContent:'center',

    alignItems :'center',

    },

    inputBox: {

    width: 300,

    backgroundColor:'rgba(255,255,255,0.3)',

    borderRadius:25,

    paddingHorizontal:16,

    fontSize:16,

    color:'#ffffff',

    marginVertical: 10,

    top:-35

    }

  5. i cant find that link which you are actually visiting to install 'npm install react-native' please write it in the comment

  6. Started this series two days ago and looks like I have already caught up with your latest videos. Really fun series so far and the projects are very cool 🙂
    Was wondering if you plan on doing a more advanced React Native series after this maybe using a state manager and some kind of backend like you have for react?

  7. Hey Shaun another brilliant video, thanks and am learning from an expert, cos I just started my own coding channel.

Leave A Reply

Please enter your comment!
Please enter your name here