react-native run-iosが「Print: Entry, ":CFBundleIdentifier", Does Not Exist」でBUILD FAILEDになった時の対処法 - Qiita
昨日からReactNativeを始め、詰まったのでメモがてらQiitaに書いておきます。 環境 macOS: Sierra xcode: Version 8.2.1 (8C1002) node: v10.12.0 react-native-cli: 2.0.1 react-native: 0.57.4 各々調べて書いてましたが、react-native infoで楽々調べられます。 エラー詳細 >react-native run-ios ---一部抜粋--- ** BUILD FAILED ** The following build commands failed: CompileC /Users/xxxxxxxx/react-native/hello_world/ios/build/Build/Intermediates/React.build/Debug-iphonesimulato
react-native-router-flux の画面遷移4パターン@GIF画像 - Qiita
Actionsで提供されているアニメーションから4パターンをGIF画像でまとめました。 Actions.pop Actions.popToも同様です。 現在のページは右手に退きつつ、新しいページが現在のページの左側から登場します。 Actions.push key名をメソッドに指定した場合もこれ。 Actions.jumpと同様ですね。 現在のページが左手に退きつつ、新しいページが右から重なってきます。 Actions.replace アニメーションなしでいきなりページが切り替わります。 Actions.reset Actions.replaceとアニメーションは変わりません。違いはルーティングスタックに対する処理だけなので、画面を見ている人からすると変わらないです。 以上、お役に立てば幸いです。
ReactNativeでTabにStackを入れ子にする - Qiita
import React from 'react'; import { Text, View, Button } from 'react-native'; import { createBottomTabNavigator, createStackNavigator } from 'react-navigation'; import { Entypo, Ionicons, Feather, FontAwesome } from '@expo/vector-icons'; //Home class HomeScreen extends React.Component{ render(){ return ( <View style={{flex:1, alignItems: 'center', justifyContent: 'center'}}> <Text>Home</Text> <But
ReactNativeでQRやBarcodeを生成する - Qiita
import React from 'react'; import { StyleSheet, Text, View, Button, Alert } from 'react-native'; import QRCode from 'react-native-qrcode'; import Barcode from 'react-native-barcode-builder'; export default class App extends React.Component { state = { text: 'hoge' } render() { return ( <View style={styles.container}> <Text>Generate QR and barcode.</Text> <QRCode value={this.state.text} size={200}
Reduxの卒業式をしよう - Qiita
モチベーション Reduxを使っていたが個人開発なのでコード量が増えてつらい 使い慣れたアーキテクチャを使いたい 自分好みの処理分割、ファイル分割をしたい そもそもほかのライブラリ使うのにミドルウェアが必要なものってどうなのよ 学習コストが高くて飛び入りでプロジェクトに入った人がつらい 短期の開発で使いづらい もっと他にいいライブラリ無いの？ React系の状態管理ライブラリ Redux mobX undux それぞれの長所、短所などをまとめてみます。 Redux メリット 厳正に書きかたが決まっている(ガイドラインがある) テストがしやすい アーキテクチャがきれい(個人的にはコードは見やすいと思います) デバッガなどのツールがそろっている デメリット 学習コストが高い コードの記述量が多い 影響範囲が広い アーキテクチャが限定される ミドルウェアが必要 mobX メリット Reduxに比
AsyncStorageを使ってみる - Qiita
ReactNativeでは簡単なデータならDBとか使わなくてもAsyncStorageを利用して保存できます。特に悩むことはありません。 基本的には、 設定：AsyncStorage.setItem('key','value'); 取得：AsyncStorage.getItem('key'); とするだけ。 本家サイトを参考に下記のように記述してみました。 名前(name)を受け取り保存。nameをAlertで出力。 import React from 'react'; import { StyleSheet, Text, View, Button, Alert } from 'react-native'; import { AsyncStorage } from "react-native" export default class App extends React.Component
React(Redux)のディバッグ環境を整える - Qiita
デバッグ環境の整え方のメモ。 React いくつかやり方がありますが、ChromeのExtension使うのが一般的。 React Developer Tools 特に何も難しいことはない。インストールして、Reactが使われてるサイトを見れば、stateとの中身とか見れます。 Redux + Redux こちらもいくつかのツールが存在しますが、React DevTools Extensionを利用するのが一般的な感じ。但し、Chromeにツールを入れただけでは何も見えず、コードの中に必要な記述を行う必要がある。 コードはcreateStore()に埋め込むが、middlewareを利用するかによって記述が異なる。 以下はミドルウエアを利用する場合の記述。 どちらも覚えるのめんどいので、私は下記で統一しています。 私はcreateStoreってファイル作ることが多いのですが、下記のように記
React Navigation(stack)の簡単な使い方とScreen間の値の受け渡し(reduxなし） - Qiita
import React from 'react'; import { Button, View, Text } from 'react-native'; import { createStackNavigator } from 'react-navigation'; //About class AboutScreen extends React.Component{ render() { return ( <View style={{flex:1, alignItems: 'center', justifyContent: 'center'}}> <Text>About</Text> </View> ); } } //Home class HomeScreen extends React.Component{ render(){ return ( <View style={{flex:1
React Viro 備忘録 - Qiita
React Viro 備忘録 (iOS) Viro Reactを使ってReact NativeでARのデモを動かしてみる。 もしリポジトリみたい方がいたらコメントください。汚いんでまだpublicにはしてないです。 汚いオフィスですみません。 Refs Environment Xcode: 10.0.0 react-native: 0.57.3(もしかしたら56に後で下げるかも) react: 16.6.0 react-viro: 2.11.0 Steps 1. 空のRNプロジェクトを作って走らせる https://facebook.github.io/react-native/docs/getting-started.html 2. 実機で空のプロジェクトを動かす https://facebook.github.io/react-native/docs/running-on-device
ReactNative Elementsで簡単にUIを作る - Qiita
React Nativeを入れてまずはUIを作りたい！となったとき、何をどうすればいいのかわかりませんでした…。 色々調べているうちに、ReactNative ElementsとNative Baseという有名なライブラリがあるということが判明。2つを見比べてみて、なんとなく見た目が良かったReactNative Elementsを使ってみることにしたので、導入手順をメモしておきます。 公式ドキュメント ReactNative＆TypeScriptの環境構築手順 インストール 最初にreact-native-vector-iconsをインストールします。コレを入れておくと簡単にアイコンが使えます。アイコンすでに準備してあるからいらない、と思ってインストールしなかったら、ビルドでエラーが出て「react-vector-iconsがない」と言われたので、ReactNative Elements
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォンアプリ制作 ~React Native with Expo~ 環境構築 - Qiita
ReactNativeのリモートデバッグがiOSの実機で動かなくて困った話 - Qiita
Xamarin.FormsでURLにBasic認証を組み込んでWebViewを表示した。 - Qiita
React NavigatorでTabにStack入れ子にしてReduxでstate管理 - Qiita
react-nativeのIOSでテキストを部分選択する - Qiita
React Nativeのビルドエラー 'config.h' file not foundが発生する問題 - Qiita
React Nativeの赤いエラー画面が心臓に悪いので色を変える - Qiita
Expo.io expo-cliコマンド覚書集 [保存版] - Qiita![Expo.io expo-cliコマンド覚書集 [保存版] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/a5f2a3b8b686a8707e5689e0a9f64c999d6ec7de/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMjYwMTEzJTJGcHJvZmlsZS1pbWFnZXMlMkYxNTgwMzUyNzkyP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz04OTQ3YzE3MjMyM2YxY2I5YmZiZDVmYmQyNjBiZjY4Zg%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dc5ffe3b17cccf33c980fc46949dec3aa%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9RXhwby5pbyUyMGV4cG8tY2xpJUUzJTgyJUIzJUUzJTgzJTlFJUUzJTgzJUIzJUUzJTgzJTg5JUU4JUE2JTlBJUU2JTlCJUI4JUU5JTlCJTg2JTIwJTVCJUU0JUJGJTlEJUU1JUFEJTk4JUU3JTg5JTg4JTVEJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9MDJhZjRjZWExNTA0MTlmNjQwMDc5OTQzMDQ1ODI5ODY%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBzaG9pY2hpMTAyMyZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTM5ZjA1ZWFhZjhmNzEwYjAwYjQ2OGFiZGYxZTUwMjU1%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D89aa09f2a19528c6f18d313b873bf5c6)
シュミレータがいきなりスローモーションになった時の対処法 - Qiita
react native基礎コマンド - Qiita