タグ付けされた質問 「react-native」

Androidエミュレータでライブリロードを有効にするにはどうすればよいですか？ android のドキュメントは、android noobにはあまり役に立ちませんでした。

118 android  react-native 

react-native run-iosビルドを実行すると成功しますが、以下のエラーが発生します。私はいたるところをチェックしましたが、何も機能していないようです。sudoコマンドの前で使用しても効果はありません。Xcode 7.3、react-native-cli：0.2.0、react-native：0.24.1、node v5.11.0を使用しています。 === BUILD TARGET mobileTests OF PROJECT mobile WITH CONFIGURATION Release === Check dependencies ** BUILD SUCCEEDED ** Installing build/Build/Products/Debug-iphonesimulator/mobile.app An error was encountered processing the command (domain=NSPOSIXErrorDomain, code=2): Failed to install the requested application An application bundle was not found at the provided path. Provide a …

117 ios  reactjs  react-native 

node.jsとcliをインストールしました インストールされたnode.js インストールされたreact-native-cli npm -g react-native-cli そして、「新しいプロジェクト」を作成しました。 react-native init new_project そして、その「new_project」ディレクトリ内で、metro bundlerがうまく機能するかどうかを確認するのに疲れました。 react-native start しかし、コマンドによって次のエラーが発生し、メトロが起動しません。このエラーを修正するための手がかりはありますか？（Windows 10 OSを使用しています。） コマンド： C:\projects\new_proj>react-native start エラー無効な正規表現：/(.\fixtures.|node_modules[]react[]dist[].|website\node_modules.|heapCapture\bundle.js|.\tests.)$/：終了していない文字クラス。詳細については、-verboseフラグを指定してCLIを実行してください。SyntaxError：無効な正規表現：/(.\fixtures.|node_modules[]react[]dist[].|website\node_modules.|heapCapture\bundle.js|.\tests.)$/：新しいRegExpで終了していない文字クラス（ ）ブラックリスト（D：\ projects \ new_proj \ node_modules \ metro-config \ src \ defaults \ blacklist.js：34：10）at getBlacklistRE（D：\ projects \ new_proj \ node_modules \ react-native \ node_modules @ react-native -community \ cli …

117 reactjs  react-native  react-native-android  react-native-cli  metro-bundler 

以下のフックの例を検討する import { useState } from 'react'; function Example() { const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> ); } 基本的に、this.forceUpdate（）メソッドを使用して、以下の例のように、Reactクラスコンポーネントでコンポーネントをすぐに再レンダリングするように強制します。 class Test extends Component{ constructor(props){ super(props); this.state = { count:0, count2: 100 } this.setCount = …

116 javascript  reactjs  react-native  react-hooks 

現在のスクロール位置、または<ScrollView>React Nativeのコンポーネントの現在のページを取得することは可能ですか？ したがって、次のようなもの： <ScrollView horizontal={true} pagingEnabled={true} onScrollAnimationEnd={() => { // get this scrollview's current page or x/y scroll position }}> this.state.data.map(function(e, i) { <ImageCt key={i}></ImageCt> }) </ScrollView>

115 ios  reactjs  react-native 

現在、ES6のreact-native-webpack-serverをAndroidエミュレーターで実行しようとしています。違いは、私は私をアップグレードしたあるpackage.jsonとbuild.grade使用に反応し0.18.0て、ブート時にこのエラーを取得しています。私の知る限りでAppRegistryは正しくインポートされています。コードをコメントアウトしても、このエラーはまだ発生します。これはiOSで問題なく動作します。 何が悪いのですか？ 編集：0.18.0をサポートする他のボイラープレートを試した後も、同じ問題に遭遇しています。

114 android  react-native  webpack 

テキストフィールドの単一の単語を太字または斜体にするにはどうすればよいですか？このようなもの： <Text>This is a sentence <b>with</b> one word in bold</Text> 太字の新しいテキストフィールドを作成すると、別の行に区切られるため、確実にそうする方法ではありません。1つの単語を太字にするだけで、<p>タグ内に<p>タグを作成するようなものです。

113 react-native 

「react-native init AwesomeProject」をインストールすると、次のコマンドを実行するとこのエラーが発生しますreact-native run-android。 Could not determine java version from '11.0.1'. 簡単なグーグルは、私がdistributionUrlGradleラッパーで更新する必要があることを示唆しています。これを行った後、私は新しいエラーに直面しました： Cannot add task 'wrapper' as a task with that name already exists. 問題がファイルにあることを示唆しています： /AwesomeProject/android/build.gradle' line: 36 こんな感じ task wrapper(type: Wrapper) { gradleVersion = '4.4' distributionUrl = distributionUrl.replace("bin", "all") } 私はこれが何をしているのかを理解しようと、何度も行ってきました。箱から出してすぐに機能しないものがあるのは奇妙に思えます。誰かが同様の問題に直面していますか？

112 android  reactjs  react-native  wrapper  expo 

リアクティブネイティブをアップグレードしますが、その前に、私のバージョンからのアップグレードに関する特別な注意事項があるかどうかを確認するために、アップグレード元のバージョンを知る必要があります。 Macにインストールしたreact-nativeのバージョンを確認するにはどうすればよいですか？

111 react-native 

サーバーにフォームエンコードしたPOSTしたいパラメーターがいくつかあります。 { 'userName': 'test@gmail.com', 'password': 'Password!', 'grant_type': 'password' } 私はこのように（現在パラメータなしで）リクエストを送信しています var obj = { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', }, }; fetch('https://example.com/login', obj) .then(function(res) { // Do stuff with result }); フォームにエンコードされたパラメータをリクエストに含めるにはどうすればよいですか？

110 javascript  http-post  react-native  fetch-api 

React Nativeアプリでハイパーリンクを表示するにはどうすればよいですか？ 例えば <a href="https://google.com>Google</a>

109 javascript  react-native 

svgファイルを表示したいのですが（svg画像がたくさんあります）、表示する方法が見つかりませんでした。react-native-svgのImageコンポーネントとUseコンポーネントを使用しようとしましたが、動作しません。そして、私はそれをネイティブな方法でやろうとしましたが、svg画像だけを表示するのは本当に大変な作業です。 コード例： import Svg, { Use, Image, } from 'react-native-svg'; <View> <Svg width="80" height="80"> <Image href={require('./svg/1f604.svg')} /> </SvgRn> </View> また、react nativeが基本的にsvgをサポートしていないことも知っていますが、誰かがこの問題をトリッキーな方法で修正したと思います（react-native-svgの有無にかかわらず）

109 javascript  svg  react-native 

私はMacOSに取り組んでいreact-nativeます。 始めるための最初のステップの1つは、実行することです：react-native run-androidまたはreact-native run-ios。しかし、私はこのエラーを得ています： react-native run-android 結果： Scanning folders for symlinks in /Users/ric/myprojs/albums/node_modules (6ms) Starting JS server... Building and installing the app on the device (cd android && ./gradlew installDebug)... FAILURE: Build failed with an exception. * What went wrong: Could not determine java version from '9.0.1'. * Try: Run …

108 react-native  gradle 

私は次のことを望みますが、可能であれば1行で行います。 import Module from './Module/Module; export Module; 私は以下を試しましたが、うまくいかないようです： export Module from './Module/Module;

107 react-native  ecmascript-6  import 

React Nativeをアップグレードしたところ、iOSシミュレーターにたくさんの警告が出ました。それらを修正する以外に、これらの警告を非表示にして、下にあるものを確認するにはどうすればよいですか？

106 ios  react-native  show-hide