CODEWITHSUNDEEP
androidreact-native
Steven Wiaji
Steven Wiaji

Reputation: 44

my app js not working in react native. what my mistake?

I newbie for react native. when I learning to hello world in app.js. when I run for android "native-react run-android" build success but not working on my phone. not change enter image description here

this is my code in app.js

import React, {Component} from 'react';
    import {Platform, StyleSheet, Text, View} from 'react-native';

    const instructions = Platform.select({
    ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu',
    android:
    'Double tap R on your keyboard to reload,\n' +
    'Shake or press menu button for dev menu',
    });

    type Props = {};
    export default class App extends Component<Props> {
render() {
    return (
            <View style={styles.container}>
    <Text style={styles.welcome}>Hello, Steven Wiaji, S.Kom</Text>
    <Text style={styles.instructions}>To get started, edit App.js</Text>
    <Text style={styles.instructions}>{instructions}</Text>
  </View>
);
}}

const styles = StyleSheet.create({
    container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
    },
    welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
    },
    instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
    },
    });

this is adb running enter image description here

this is when i run on my phone enter image description here

Upvotes: 0

Views: 3004

Answers (1)

Subhendu Kundu
Subhendu Kundu

Reputation: 3856

There's nothing wrong with the code. Probably issue with node_modules. You might wanna delete the folder and do a npm i or yarn again. Here's a working example. https://snack.expo.io/S1oozjjUV

Upvotes: 2

Related Questions