expo / examples Goto Github PK

Example projects that demonstrate how to use Expo APIs and integrate Expo with other popular tools

JavaScript 57.56% HTML 2.15% TypeScript 26.99% Shell 2.14% Java 3.46% Objective-C 0.13% Ruby 1.38% Swift 0.04% Objective-C++ 1.17% MDX 4.34% CSS 0.64%

react-native react-native-web examples expo expo-web expo-examples react-native-example react-native-web-examples

examples's Issues

ERR_UNKNOWN_URL_SCHEME

I got the above error while trying this example: https://github.com/expo/examples/tree/master/with-webbrowser-redirect
It occured when trying to redirect from the browser to the app.

I used Android emulator (Nexus 6).

Is this an error or am I missing something?

react-native-gesture-handler example

https://docs.expo.io/versions/latest/sdk/gesture-handler/

SQLite example

Move from https://github.com/expo/sqlite-example

expo-app-auth Identity Server 3 example

Gifted Chat example

Example + Docs for usage with react-native-gifted-chat https://github.com/FaridSafi/react-native-gifted-chat

expo-google-sign-in example

https://docs.expo.io/versions/latest/sdk/google-sign-in/

Web browser example out of date.

We cannot unregister linking event listener immediately after resolving of openBrowserAsync promise. On Android, this promise resolves immediately, leaving no one to listen for issues.

Moreover, WebBrowser does not support dismissBrowser on Android.
Please refer to discussion in this issue.

Migrate with Expo Detox tests

migrate and delete https://github.com/expo/with-detox-tests

Instead of a redirect the app is restarted

When I test the with-webbrowser-redirect example, the app is restarted after a link click instead of redirecting and calling the Linking.addEventListener. Can someone confirm this behaviour? And is there another way to redirect to your app?

Android: 4.4.2

Nativebase example

Create an example of using https://nativebase.io/ with expo

Styled Components example

Universal styled components example https://www.styled-components.com/

Error loading withAuthenticator with aws-amplify-react-native

Using the aws amplify auth for mobile mode works well but for the web mode shows this error: Can’t find AmplifyTheme variable

This is the code (comes from the official website)

import { withAuthenticator } from 'aws-amplify-react-native';
import Amplify from 'aws-amplify';
// Get the aws resources configuration parameters
import awsconfig from './aws-exports'; // if you are using Amplify CLI

Amplify.configure(awsconfig);

// ...

export default withAuthenticator(App);

Thanks in advance!

codesandbox examples fails

Hi folks, great to things working on a codesandbox, vurrent version seems to be failing with this error,

node_modules/react-native-gesture-handler/DrawerLayout.js: Support for the experimental syntax 'exportDefaultFrom' isn't currently enabled (30:8):

28 | const SETTLING = 'Settling';
29 |

30 | export type PropType = {
| ^
31 | children: any,
32 | drawerBackgroundColor?: string,
33 | drawerPosition: 'left' | 'right',

Add @babel/plugin-proposal-export-default-from (https://git.io/vb4yH) to the 'plugins' section of your Babel config to enable transformation.

28 | const SETTLING = 'Settling';
29 |

30 | export type PropType = {
| ^
31 | children: any,
32 | drawerBackgroundColor?: string,
33 | drawerPosition: 'left' | 'right',

Add native example to with-storybook

Related #23

Redirect Not working when handled from within a script handler

Hi,

This backend code for automatic redirection works well when this is the only html page used. However if I have redirected to this page from another page then the automatic redirection doesnt work. However manually clicking on the a href links back to the app still works. Have observed this on Android.

Need some urgent help with this. Any thoughts?

yarn gatsby build => does not build

As already mentioned in the original Gatsby/Expo support, the production build fails (slorber/gatsby-plugin-react-native-web#14)

I've tried to run yarn gatsby build on the with-gatsby example and it also fails.
Trying to understand what might be the problem currently but it looks like the final webpack configuration does not transpile correctly node_modules libs, only when in production mode.

Add event

Hello,

Does this library allow me to add an event in the agenda, or I should write the code myself?

Thank you

expo-pixi PIXI.js example

docs https://github.com/expo/expo-pixi

[with-sqlite] Snack example does not work

I cannot execute the example. See screenshot.

KDE Neon (Ubuntu 18.04)
Chromium Version 76.0.3809.100

Correct Redirect url

Hey Brent!

I am having issues with the redirect url.
I am using google cloud functions to make a redirect url.

After success login, I am redirected to the enpoint where I am getting "Error: Not-Found".

I am curious if the is becouse of my redirect url to expo host?
I am not sure if it is the right format.

I am colling the url like that 'const RedirectURI = 'https://us-central1-coffee-cloud-mobile-app.cloudfunctions.net/facebookRedirect/facebook';'

my cloud function:

const app = require('express')();
const cors = require("cors")

app.use(cors({ origin: true }))

app.get('/redirect', (req, res) => {
  let qs = req._parsedUrl.query;
  res.redirect('exp://exp.host/@ryszardrzpa/coffeecloud/+redirect/?' + qs);
});

app.get('/facebook', (req, res) => {
  res.sendFile('facebook.html', { root: __dirname });
});

module.exports = app;

Also if the app is build as stand alone app and push to the app store, will exp://exp.host/@ryszardrzpa/coffeecloud
be valid redirect url?

Thanks,
Ryszard

why https requires, can it use http for local tests

why https requires, is it mandatory, is there any way i can use http ?

i was testing socket.io on localhost, works on https, but http

        // works on https : const socket = client.connect('https://socket-io-chat.now.sh/');
        const socket = client.connect('http://localhost:8080');
        console.log('connecting...')
        console.log('...')
        console.log('...')
        socket.on('news', function (data) {
            console.log('connected');
            socket.emit('my other event', {
                my: 'data'
            });
        });
        socket.on('connect', function (socket) {
            console.log('Connected!');
        });

[electron] Can't start the with-electron example.

Hi,

I'm trying to setup expo with electron.

I've followed this : https://docs.expo.io/versions/latest/guides/using-electron/.

But it won't start due to :

┏ Renderer -------------------

  Error: Cannot find entry file index.ts (or main.ts, or app.ts, or index.js, or main.js, or app.js)
      at computeEntryFile (/home/x/Clones/test/node_modules/electron-webpack/src/main.ts:389:11)
      at WebpackConfigurator.configure (/home/x/Clones/test/node_modules/electron-webpack/src/main.ts:222:29)
      at configure (/home/x/Clones/test/node_modules/electron-webpack/src/main.ts:376:10)

┗ ----------------------------

I've tried to start your example, without success.

Even tho I've fresh clone, yarn install and followed this README.md.

I know I could workaround it by adding a index.js but from the documentation it's suppose to find the App.js by its own.

Any idea?

RenderHours

Please can i render Hours in the agenda ?

expo-app-auth Identity Server 4 example

Migrate and delete shoutem-ui example

https://github.com/expo/shoutem-example
should support web if possible

expo-three Three.js example

docs https://github.com/expo/expo-three

expo-apple-authentication example

docs https://docs.expo.io/versions/v36.0.0/sdk/apple-authentication/

Font Awesome example

migrate and delete https://github.com/expo/font-awesome-example

Same example but with VictoryLine not working

https://github.com/expo/examples/blob/master/with-victory-native/App.js

Imports VictoryLine then ->

// Line 42: VictoryLine instead of VictoryBar
 <VictoryLine data={data} x="quarter" y="earnings" />

react-native-init example failed to compile

Seems that Camera from the expo-camera module is not correctly imported. This project works if I remove this dependency from the App.js

C:/Users/charl/Downloads/web-examples-master/react-native-init/node_modules/expo-camera/build/Camera.js 169:16
Module parse failed: Unexpected token (169:16)
You may need an appropriate loader to handle this file type.
|         const onBarCodeScanned = this._onObjectDetected(this.props.onBarCodeScanned);
|         const onFacesDetected = this._onObjectDetected(this.props.onFacesDetected);
>         return (<ExponentCamera {...nativeProps} ref={this._setReference} onCameraReady={this._onCameraReady} onMountError={this._onMountError} onBarCodeScanned={onBarCodeScanned} onFacesDetected={onFacesDetected} onPictureSaved={_onPictureSaved}/>);
|     }
| }