WSL環境ã§React Nativeã®ãƒ›ãƒƒãƒˆãƒªãƒãƒ¼ãƒ‰ãŒå‹•ä½œã—ãªã„å ´åˆ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
React Native for Webã§Hello world - Qiita
React Native for Web（npmパッケージåã¯react-native-web）ã¨ã„ã†ãƒ©ã‚¤ãƒ–ラリを紹介ã—ã¾ã™ã€‚ æ¦‚è¦ ã‚‚ã¨ã‚‚ã¨Webã®ä¸–界（ブラウザã§è¡¨ç¤ºã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ä¸–界）ã§ç”Ÿã¾ã‚ŒãŸReactã‚’ã€ãƒ¢ãƒã‚¤ãƒ«ã®ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã®ä¸–ç•Œã«åºƒã’ãŸã‚‚ã®ãŒReact Nativeã§ã™ãŒã€ãれを更ã«ç™ºå±•ã•ã›ã¦ã€React Nativeã§æ›¸ã„ãŸReactコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’Webã§ã‚‚å‹•ã‹ã›ã‚‹ã‚ˆã†ã«ã™ã‚‹ã‚‚ã®ãŒReact Native for Webã§ã™ã€‚一周回ã£ã¦Webã«å…ˆç¥–返りã¨ã„ã£ãŸæ„Ÿã˜ã§ã™ã€‚ ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã¨Webã¨ã§Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’共通化ã§ãã‚‹ã“ã¨ãŒä¸€ç•ªã®åˆ©ç‚¹ã§ã™ã€‚ ãã®éœ€è¦ãŒä»Šã¯ãƒ‹ãƒƒãƒãªã®ã‹ã€ã¡ã‚‡ã£ã¨ãƒžã‚¤ãƒŠãƒ¼ãªãƒ©ã‚¤ãƒ–ラリã§ã™ãŒã€ä½•æ°—ã«GitHubã«ã¯ã‚¹ã‚¿ãƒ¼ãŒ8000以上ã¤ã„ã¦ã¾ã™ã€‚ 有åã©ã“ã‚ã§ã¯ Twitter LiteãŒReact Native for Web（以
ReactNativeã§ã®iOSプッシュ通知ã®å®Ÿè£…方法 - Qiita
React Nativeã§ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥æ©Ÿèƒ½è¿½åŠ æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ライブラリ プッシュ通知を実装ã™ã‚‹ãŸã‚ã«ã€react-native-push-notificationを使ã„ã¾ã™ã€‚ [zo0r/react-native-push-notification: React Native Local and Remote Notifications] (https://github.com/zo0r/react-native-push-notification) ã“ã®ãƒ©ã‚¤ãƒ–ラリã¯iOS・Android両方対応ã—ã¦ã¾ã™ãŒã€ä»Šå›žã¯iOSã®ã¿è¨å®šã—ã¾ã™ã€‚ インストール åˆã‚ã«ã€ãƒ©ã‚¤ãƒ–ラリをインストールã—ã¾ã™ã€‚ import { PushNotificationIOS } from 'react-native'; import PushNotification from 'react-native-pu
ReactNavigationã®DrawerNavigatorã‹ã‚‰ç›´æŽ¥ãƒ¡ã‚½ãƒƒãƒ‰ã‚’実行ã™ã‚‹æ–¹æ³• - Qiita
çµè«–ã‹ã‚‰è¨€ã†ã¨ã€Œç›´æŽ¥ãƒ¡ã‚½ãƒƒãƒ‰ã¯å®Ÿè¡Œã§ããªã„ã€ã‚ˆã†ã§ã™ã€‚ contentComponentを利用ã—ã¦Itemé …ç›®ã«Buttonãªã©ã‚’å·®ã—è¾¼ã¿ã€ãã®onPress()ç‰ã§å¯¾å¿œã™ã‚‹ã‹ã€ãŠã¨ãªã—ã一度Component（画é¢ï¼‰ã‚’経由ã™ã‚‹ã—ã‹ãªã„よã†ã§ã™ï¼ˆä»Šå›žã¯å‰è€…ã®å¯¾å¿œã§ã™ï¼‰ã€‚ ã‚„ã‚ŠãŸã„ã“ã¨ã¯Drawerã«Logoutを仕込ã¿ã€ãã®ã¾ã¾Logoutã—ãŸã„ã ã‘ãªã®ã§ã™ãŒã€‚。。 以下ã€Drawerã®å®šç¾©ã‚’抜粋ã—ãŸã‚³ãƒ¼ãƒ‰ã€‚ Buttonã ã¨StyleãŒé™å®šã•ã‚Œã‚‹ã®ã§Textã§å¯¾å¿œã—ã¾ã—ãŸã€‚ã¾ãŸã€æ—¢å˜ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨ä¼¼ã›ã‚‹ãŸã‚ã«ã¯å¼·å¼•ã«styleã§åˆã‚ã›ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ãªã®ã§ã€sytleã«é–¢ã™ã‚‹è¨˜è¿°ã¯ã‹ãªã‚ŠHackçš„ã«ãªã‚Šç’°å¢ƒä¾å˜ã§ã™ã€‚ã‚‚ã£ã¨ã¾ã¨ã‚‚ãªæ–¹æ³•ãŒã‚ã‚Œã°æ•™ãˆã¦ã»ã—ã„。。。 Viewã ã¨æ”¹è¡ŒãŒã¯ã„ã‚‹ã®ã§Textã§å›²ã£ãŸã‚Šã€Textã ã¨marginãŒåŠ¹ã‹ãªã„ã®ã§Viewã§å›²ã£ãŸã‚Šã¨ãƒ»ãƒ»ãƒ»ã€‚ç§ãŒä¸æ…£ã‚Œãª
McAfeeã®ã›ã„㧠react nativeãŒbuild出æ¥ãªã„　解決メモ - Qiita
McAfeeãŒReactNativeã®ãƒ‡ãƒãƒƒã‚°å®Ÿè¡Œã§ä½¿ç”¨ã™ã‚‹ã€€PORT８ï¼ï¼˜ï¼‘ã‚’å 有ã—ã¡ã‚ƒã†ãŸã‚〠ãれを回é¿ã—ã¦ãƒãƒ³ãƒ‰ãƒ«ã‚’ç½®ã„ã¦ãŠã‹ãªã„ã¨ã„ã‘ãªã„ã¿ãŸã„。 ã¾ã‹ãµãƒãƒ¼ã‚’殺ã™ã®ã‚‚ã„ã„ã‘ã©ã€ä»¥ä¸‹ã§è§£æ±ºã—ã¾ã—ãŸã€‚ å‚考文献 https://facebook.github.io/react-native/docs/troubleshooting https://github.com/facebook/react-native/issues/10715 iOS /node_modules/react-native/local-cli/server/server.js default: process.env.RCT_METRO_PORT || 8081, ã“ã“ã®8081ã®ãƒãƒ¼ãƒˆç•ªå·ã‚’ã€ä»»æ„ã®ç•ªå·ã«å¤‰æ›´ã™ã‚‹ /node_modules/react-native/React/React.xcodepr
React-Navigatorを利用ã—ã¦ã¿ã‚‹ï¼ˆåŸºç¤Žç·¨ï¼‰ - Qiita
æ³¨æ„ react-navigation v3ã§å‹•ä½œç¢ºèªã—ã¦ã„ã¾ã™ react-navigation v4ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€createBottomTabNavigatorç‰ãŒåˆ†é›¢ã•ã‚Œã¦ã„ã¾ã™ï¼ˆæœªå¯¾å¿œï¼‰ã€‚ æ¦‚è¦ ã¾ã¨ã‚‚ãªã‚¢ãƒ—リを作るãŸã‚ã«ã¯Navigation機能ã®åˆ©ç”¨ã¯é¿ã‘ã¦é€šã‚Œã¾ã›ã‚“。 ライブラリã¨ã—ã¦ã¯react-navigationã¨react-native-router-flux(rnrf)ã¨ã„ã†ã®ãŒæœ‰åã¿ãŸã„ã§ã™ãŒã€Reac自体ã«ä¸æ…£ã‚Œãªã®ã§æƒ…å ±ãŒå¤šã„react-navigationを利用ã—ã¦ã¿ã¾ã™ã€‚ ã“ã®åŸºç¤Žç·¨ã‚’ベースã«ã—ãŸå¿œç”¨ç·¨ã‚“も書ãã¾ã—ãŸã€‚よã‚ã—ã‘ã‚Œã°ã©ã†ãžã€‚ React-Navigatorを利用ã—ã¦ã¿ã‚‹ï¼ˆåŸºç¤Žç·¨ï¼‰â†’ã“ã®è¨˜äº‹ RN応用編１：Drawer Navigatorã‚’ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§è¡¨ç¤ºã•ã›ã‚‹ RN応用編２：Tabã‚„Drawerメニューã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¨å®šã™ã‚‹ RN
RN応用編２：Tabã‚„Drawerメニューã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¨å®šã™ã‚‹ - Qiita
æ—¢å˜ç·¨ã€å¿œç”¨ç·¨ï¼‘ã‹ã‚‰ã®ç¶šãã§ã™ã€‚ シリーズ React-Navigatorを利用ã—ã¦ã¿ã‚‹ï¼ˆåŸºç¤Žç·¨ï¼‰ RN応用編１：Drawer Navigatorã‚’ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§è¡¨ç¤ºã•ã›ã‚‹ RN応用編２：Tabã‚„Drawerメニューã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¨å®šã™ã‚‹â†’ã“ã®è¨˜äº‹ RN応用編３：Reduxã§å€¤ã®å–ã‚Šå›žã— æ¦‚è¦ å¿œç”¨ç·¨ï¼‘ã§ã¯ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§è¦‹ãŸç›®ã‚’ã„ã˜ã£ãŸã®ã§ã€ã¤ã„ã§ã«Tabã‚„Drawerメニューã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¿½åŠ ã—ã¦ã¿ã¾ã™ã€‚ Tabメニューã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¿½åŠ ã‚¢ã‚¤ã‚³ãƒ³ã‚‚ã„ãã¤ã‹ã®å ´æ‰€ã§è¿½åŠ ã§ãã¾ã™ãŒã€ã“ã“ã§ã¯createBottomTabNavigator()ã«navigationOptionsを定義ã™ã‚‹ã“ã¨ã§è¿½åŠ ã—ã¦ã¿ã¾ã™ã€‚ Tabã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¿½åŠ ã—ã¾ã™ã€‚react-native-vector-iconsを利用ã™ã‚‹ã®ã§ã€installã‚„importãŒã¾ã ã§ã‚ã‚Œã°å®Ÿè¡Œã—ã¦ãã ã•ã„。 +import
ReactNative > createMaterialBottomTabNavigatorã®ä½¿ã„æ–¹ - Qiita
import React, { Component } from 'react'; import { Platform } from 'react-native'; import { createMaterialBottomTabNavigator } from 'react-navigation-material-bottom-tabs'; import Icon from 'react-native-vector-icons/Ionicons'; import HomeScreen from 'HomeScreen'; import ProfileScreen from 'ProfileScreen'; import SettingsScreen from 'SettingsScreen'; export default createMaterialBottomTabNavigator
VirtualizedListã§immutable.jsã®List型を使ã†ã¨ãã«ãƒãƒžã£ãŸãƒã‚¤ãƒ³ãƒˆ - Qiita
<VirtualizedList data={SOME_IMMUTABLE_LIST_OBJECT} keyExtractor={(item, index) => index.toString()} getItem={(data, index) => data.get(index)} // VirtualizedListã§ã¯å¿…é ˆãƒ—ãƒãƒ‘ティ getItemCount={data => data.size} // VirtualizedListã§ã¯å¿…é ˆãƒ—ãƒãƒ‘ティ renderItem={item => this._renderItem(item)} /> æ¦‚è¦ immutable.jsã®Liståž‹ã¯ã€è¦ç´ ã®å¼•æ•°ã‚’能動的ã«æŒ‡å®šã§ãã‚‹ãŸã‚ã¨ã¦ã‚‚便利ã§ã™ã€‚ 例ãˆã°ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹å†…ã®idã¨Listã®indexを対応ã¥ã‘ã‚‹ã€ã¨ã„ã†ä½¿ã„方もã§ãã‚‹ãŸã‚ã€ä»–ã«ã‚‚使ã£ã¦ã„る人ãŒã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—immuta
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}
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ReactNativeã§å¼•ã£å¼µã£ã¦ãƒ‡ãƒ¼ã‚¿æ›´æ–° - Qiita
ReactNativeã§ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãƒãƒ¼ã‚’調節ã™ã‚‹ - Qiita
ReactNative (android)ã§ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ãŒ Duplicate file, Original is here. The version qualifier may be implied ã¨ãªã‚‹ã¨ãã®å¯¾å‡¦æ³• - Qiita
RN応用編１：Drawer Navigatorã‚’ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§è¡¨ç¤ºã•ã›ã‚‹ - Qiita
RN応用編３：Reduxã§å€¤ã®å–り回㗠- Qiita
スマートフォンアプリ制作 ~React Native with Expo~ 環境構築 - Qiita
ReactNativeã®ãƒªãƒ¢ãƒ¼ãƒˆãƒ‡ãƒãƒƒã‚°ãŒiOSã®å®Ÿæ©Ÿã§å‹•ã‹ãªãã¦å›°ã£ãŸè©± - Qiita
{{#tags}}- {{label}}
{{/tags}}