search
LoginSignup
1
Help us understand the problem. What are the problem?

More than 3 years have passed since last update.

KIT Developer Advent Calendar 2017 Day 12

posted at

updated at

react-native 基本中の基本を勉強します

reactnativeの基本的な所

reactnativeとは

 iosとandroidが一つの言語でかける
 webのプログラム言語
 JavaScriptの知識が必要

準備

・Expo
・WebStream

react-native 基本的なプログラム

< 単純に文字を表示するプログラム>

App.js

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

export default class HelloWorldApp extends Component {
  render() {
    return (
      <Text>Hello world!</Text>
    );
  }
}

ここで必要な機能を使うためのライブラリを取得している

import React, { Component } from 'react';

import { Text } from 'react-native';

実際にプログラムを入力をするところ、テキストを表示している

export default class HelloWorldApp extends Component {
   render() {
    return (
      <Text>Hello world!</Text>
    );
  }
}

//追記していきます

つまづいたところ

import Listviewadd from './addListView';

と宣言するとき

Listviewaddをlistviewaddとするとエラーが出る。
そのため、最初の文字は大文字にしなければならない

こんな感じのエラーが出た時の対処法

Google Chrome exited with error: Error: Exited with code 1
17:18:08: at ChildProcess. (/Users/tatsuya/ReactNativeProject/ListAdd/node_modules/react-native/node_modules/opn/index.js:86:8)
17:18:08: at Object.onceWrapper (events.js:316:30)
17:18:08: at emitTwo (events.js:125:13)
17:18:08: at ChildProcess.emit (events.js:213:7)
17:18:08: at maybeClose (internal/child_process.js:927:16)
17:18:08: at Socket.stream.socket.on (internal/child_process.js:348:11)
17:18:08: at emitOne (events.js:115:13)
17:18:08: at Socket.emit (events.js:210:7)
17:18:08: at Pipe._handle.close as _onclose

アプリのexpoをシェイクすると出るメニューの上から2番目が「Stop Debug Js Remotely」となっていたら、それをプッシュすると元に戻る

 

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
1
Help us understand the problem. What are the problem?