• [解決済み] React Nativeの画面幅

    質問 Reactネイティブで画面幅を取得するにはどうしたらよいでしょうか。 私はいくつかの絶対的なコンポーネントを使用しており、それが重なり、異なるデバイスで画面上のそれらの位置が変化するため、私はそれが必要です。 どのように解決するのですか? React-Nativeでは、DimensionsというOptionがあります。 Dimensionsを入れると、画像やテキストなどのコ

    2022-06-16 16:41:50
  • [解決済み] 数字しか受け付けないReact NativeのTextInput

    質問 React Nativeの TextInput コンポーネントで、数字 (0 - 9) のみの入力を許可する必要があります。私は keyboardType を numeric とすることで、ピリオド(.)を除いた入力はほぼ完了します。しかし、これはフィールドに数字以外の文字を貼り付けるのを止めるには何もしません。 私がこれまでに思いついたのは、フィールドに数字以外の文字

    2022-06-15 04:31:54
  • [解決済み] React Nativeでデフォルトのフォントファミリーを設定するには?

    質問 React Native でこの CSS に相当するものはありますか?そうすれば、アプリはどこでも同じフォントを使用するようになりますか? body { font-family: 'Open Sans'; } すべてのTextノードに手動で適用するのは、過度に複雑に見えます。 どのように解決するのですか? 推奨される方法は、MyAppText のような独自のコンポー

    2022-06-14 13:01:41
  • [解決済み] react-native run-ios` は、Error を返します。iPhone X シミュレータが見つかりません

    質問 を実行するたびに react-native run-ios を実行すると Could not find iPhone X simulator Error: Could not find iPhone X simulator at resolve (calendarPractice/node_modules/react-native/local-cli/runIOS/ru

    2022-06-12 19:22:37
  • [解決済み] エミュレータ上でreact nativeプロジェクトを実行する際のspawnSync ./gradlew EACCESエラー udara

    質問 私は react-native run-android を使用して、私のreact-nativeアプリケーションをandroid studioエミュレータにインストールしようとしています。 abd-devicesでエミュレータが利用可能であることを確認し、npm-installを実行しました。 私はUbuntu 18.04と最新版のandroid studio、そして最新

    2022-06-12 12:37:51
  • [解決済み] react nativeでテキストを縦書き(90度回転)させるには?

    質問 どのようにすれば <Text /> を垂直にすることはできますか? 画面の端にそって右側にテキストを表示させたいのですが。 どのように解決するのですか? 変換を使用することができます。 https://facebook.github.io/react-native/docs/transforms.html#proptypes myStyle: {

    2022-06-09 09:15:23
  • [解決済み] ES6、インポートモジュールを一行でエクスポートするには?

    質問 以下のようにしたいのですが、可能であれば一行でお願いします。 import Module from './Module/Module;' export Module; を試しましたが、うまくいかないようです。 export Module from './Module/Module; どのように解決するのですか? export {default as Mod

    2022-05-28 22:48:46
  • [解決済み] React Nativeで水平罫線を描く

    質問 私は react-native-hr パッケージを試してみましたが、Android でも iOS でも動作しませんでした。 以下のコードも、最後に3つのドットが表示されるため、適切ではありません。 <Text numberOfLines={1}}> _____________________________________

    2022-05-17 01:14:52
  • [解決済み] CocoaPods は、ポッド "ReactCommon/jscallinvoker" の互換性のあるバージョンを見つけられませんでした。

    質問 RN v0.62にアップデートしたところ、iOS上でアプリを実行すると以下のエラーが発生します。 !] CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker": In snapshot (Podfile.lock): ReactCommon/jscallinvoker

    2022-05-16 04:50:01
  • [解決済み] react nativeでパスワード入力用のTextInputをスタイルする方法

    質問 私はTextInputを持っています。ユーザーがテキストを入力すると、実際に入力されたテキストを表示するのではなく、パスワードのドット/アスタリスク ( **** )を入力するときに、アプリで一般的に表示されます。どうすればよいでしょうか? <TextInput style={{ height: 40, borderColor: 'gray', borderWidth: 1

    2022-04-28 22:04:11
  • [解決済み] React Nativeで<Text>フィールドの単一単語を太字または斜体にする

    質問 テキストフィールドの1つの単語を太字または斜体にするにはどうすればよいですか?このような感じです。 &lt;Text&gt;This is a sentence &lt;b&gt;with&lt;/b&gt; one word in bold&lt;/Text&gt; 太字にするために新しいテキストフィールドを作ると、別の行に分離されてしまうので、きっとそのやり方ではダメなので

    2022-04-26 15:32:47
  • [解決済み] 基本的なFlatListのコードで警告を投げる - React Native

    質問 FlatListが動作していないようです。このような警告が表示されます。 VirtualizedList: 項目のキーがありません。各項目に必ずキー・プロパティを指定するか、カスタムの keyExtractor を提供してください。 コード &lt;FlatList data={[{name: 'a'}, {name: 'b'}]} renderItem={

    2022-04-25 18:56:56
  • [解決済み] React native reduxのreducerで配列に要素を追加するにはどうすればいいですか?

    質問 配列に要素を追加する方法 arr[] をReduceすることができますか? 私はこうしています import {ADD_ITEM} from '../Actions/UserActions' const initialUserState = { arr:[] } export default function userState(state = initialUserS

    2022-04-21 17:15:43
  • [解決済み】react nativeでボタンを無効化する。

    質問 react nativeを使ってandroidアプリを作っているのですが、TouchableOpacityコンポーネントを使ってボタンを作りました。 ユーザーからテキストを受け取るためにテキスト入力コンポーネントを使用し、ボタンは以下のようにします。 のみが有効です。 テキスト入力が特定の文字列に一致したら 最初にTouchableOpactiyラッパーなしでボタンを

    2022-04-14 09:14:54
  • [解決済み】react-nativeで環境変数を設定する?

    質問 react-nativeを使ってクロスプラットフォームアプリを構築しているのですが、環境ごとに異なる定数を設定するための環境変数の設定方法が分かりません。 例 development: BASE_URL: '', API_KEY: '', staging: BASE_URL: '', API_KEY: '', production: BASE_URL: '

    2022-04-13 15:23:48
  • npm ERR! cb() never called!

    &lt;パス 実行 npm i コマンドを使用すると npm ERR! cb() never called! エラー 解決方法 1. まずnpmのキャッシュをクリアする:。 sudo npm cache clean -f 通常、実行後に再試行すれば問題ないはずです 2. 1の方法でうまくいかない場合は、アップグレードオーバーライドを使用してインストールす

    2022-02-22 21:23:31
  • React-NativeにおけるイベントリスナーDeviceEventEmitter

    &lt;パス 基本的な構文 react-nativeでのイベントリスニングは、DeviceEventEmitterというプラグインを使って行います。ここでは、基本的な構文について、以下のように説明します。 1. リスナーの設定 リスナーを受け取りたい場所に、one.jsのページの場合、リスナーを追加する import { DeviceEventEmitter

    2022-02-14 10:08:12