Description

Try out react-navigation now with this awesome playground

Comments (43)

ashley beshir Maker on Expo

@ashleybeshir

some of the text gets trunucated on android

1 month ago

rex pen

@rex26

good job!

1 month ago

Panagis Alisandratos

@palisand

Now that iOS users can't view expo projects they don't own (thanks Apple), how can we load the playground on our devices? Is our only option https://reactnavigation.org/docs/contributing.html#run-the-example-app ?

2 months ago

Brett Higgins

@brettdh

@palisand I've been wondering about this as well. :/

1 month ago

Brent Vatne Maker on Expo

@notbrent

@brettdh - you can still load it in ios simulator, you can copy exp://expo.io/@react-navigation/NavigationPlayground to clipboard and paste it into the dialog when you press + on the projects tab

1 month ago

Seiya Yoshitaka

@yo7

@notbrent + on the projects tab? I don’t see it ಠ_ಠ

4 weeks ago

Brent Vatne Maker on Expo

@notbrent

@yo7 - but it still exists in the ios simulator. hopefully this screenshot helps: http://url.brentvatne.ca/j7nU4o

4 weeks ago

Hani Yahya

@haniyahya

@notbrent I don't have that + like you, I'm using version 2.5.0 (latest) -> my screenshot http://prntscr.com/jbue7w

3 weeks ago

Brent Vatne Maker on Expo

@notbrent

@haniyahya - that is not a simulator. the + is only there in the simulator

3 weeks ago

Imran Yusof

@suretarget

@notbrent - You saved my day. Thanks for the cool libraries.

3 weeks ago

Carey Cade Maker on Expo

@careypotpie

@notbrent but how do we get the simulator? Thanks!

2 weeks ago

Autocode

@autocode

Awesome! :-)

2 months ago

tonyb

@tonyb

Very cool

2 months ago

krishna patel

@krishna812

TypeError : undefined is not an object (evaluating 'this.props.navigation.navigate')Here is my code/* @flow */import React, { Component } from 'react';import {View,Text,StyleSheet,} from 'react-native';import { Container, Header, Content, Button} from 'native-base';import Loginuser from './Loginuser';import {StackNavigator,} from 'react-navigation';const AppNavigator = StackNavigator({Loginuser: {screen: Loginuser},})export default class Login extends Component {render() {const { navigate } = this.props.navigation;return (<Button blockonPress={()=> navigation.navigate("Loginuser")}>Click here for Login/Registers);}}Kindly help me to resolve this issue

3 months ago

joaquin8choa

@joaquin8choa

@krishna812 package.json?

2 months ago

Andersson Velasquez

@andersson

I am using tabNavigator but for some reason when I try to modify the color and add icons, the changes are not shown.

3 months ago

ayyagaries@gmail.com

@ayyagary1

How do I connect the drawer to Redux

3 months ago

hossein babapour

@hossbaba

hi, Can i customize the source and build an App .?

3 months ago

Jimmy Lee Maker on Expo

@jimmylee

I'm really excited about what the @react-navigation team is going to do next. @notbrent is a pro.

3 months ago

yongqianvip

@yinyongqian

Really Cool !!

3 months ago

kunyin tang

@kunyintang

Good job !

4 months ago

Marcelo macCoy

@marcelomaccoy

@kunyintang Really a good job!!!

3 months ago

Eraldo Junior

@jrfx

Guys, the 'Toggle Header' sample isn't there. Can you

4 months ago

Semih VURAL

@semih

Good job guys!

4 months ago

Salil Kaul Maker on Expo

@kaulsalil88

How can i see the source code of the same .

5 months ago

Jiaji He Maker on Expo

@hejiaji

@kaulsalil88 You can simply visit the official github of this project: https://github.com/react-navigation/react-navigation. The source code is under the examples folder.

4 months ago

Jiaji He Maker on Expo

@hejiaji

@kaulsalil88 You can simply visit the official github of this project: https://github.com/react-navigation/react-navigation. The source code is under the examples folder.

4 months ago

Joakim Johansson

@yarism

I also get: This experience uses SDK v17.0.0, but this Expo client requires at least v18.0.0 Please update

5 months ago

React Navigation Creator

@react-navigation

@yarism - fixed!

5 months ago

Joakim Johansson

@yarism

@react-navigation - thanks!

5 months ago

Furkan Vatandaş

@mfv

Can't open

5 months ago

React Navigation Creator

@react-navigation

@mfv - fixed!

5 months ago

didjo972@gmail.com

@didjo972

Running into the error : This experience uses SDK v17.0.0, but this Expo client requires at least v18.0.0 Could you update it ?

5 months ago

React Navigation Creator

@react-navigation

@didjo972 - fixed!

5 months ago

dongsheng guo Maker on Expo

@dongsheng

I am chinese. I learn expo so hard!

5 months ago

React Navigation Creator

@react-navigation

@dongsheng - sorry to hear that!

5 months ago

Lei Jiang Maker on Expo

@jweboy

@react-navigation Are there any plans to arrange Chinese documents?

5 months ago

Crysfel Villa

@crysfel

Can't open this demo on latest expo client (2.2.0.1011491)

5 months ago

React Navigation Creator

@react-navigation

@crysfel - fixed!

5 months ago

alexunder.kovtun@gmail.com

@alexwhile

I want to see the complete code of navigation examples to see why my code does not work. How can i do this?

5 months ago

Jimmy Lee Maker on Expo

@jimmylee

@alexwhile here is the code for this repo on GitHub https://github.com/react-community/react-navigation/tree/master/examples/NavigationPlayground

5 months ago

Leave a Comment

Scan to open

Scan this QR code with your Expo mobile app to load the project immediately.

Open project in the browser

Missing Appetize code

If servers are busy, an Appetize code allows you to skip the line.

To buy an Appetize code, visit Appetize.io and enter the code in the field below

Request a link

Enter your e-mail or phone number below and you will get a link to open the project for your mobile device.

Download Expo Client

Use our iOS or Android app to directly view Expo projects on your phone

Get started with Expo

Dive in and create your first Expo project.