アプリ開発
reactnative

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」となっていたら、それをプッシュすると元に戻る