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

アプリに長いテキストがあり、それを切り捨てて、最後に3つのドットを追加する必要があります。 React Native Text要素でそれを行うにはどうすればよいですか？ ありがとう

138 react-native  ellipsis 

スタックとタブナビゲーターの両方を使用して画面を切り替えようとしています。 const MainNavigation = StackNavigator({ otp: { screen: OTPlogin }, otpverify: { screen: OTPverification}, userVerified: { screen: TabNavigator({ List: { screen: List }, Settings: { screen: Settings } }), }, }); この場合、stacknavigatorが最初に使用され、次にtabnavigatorが使用されます。スタックナビゲーターのヘッダーを非表示にしたい。次のようなナビゲーションオプションを使用すると、WItが正しく機能しません。 navigationOptions: { header: { visible: false } } 私はstacknavigatorで使用している最初の2つのコンポーネントでこのコードを試しています。この行を使用すると、次のようなエラーが発生します。

135 javascript  react-native  react-navigation  expo 

Android Studioで新しいプロジェクトを作成するたびに、常に次のことが発生するのはなぜですか。 エラー：（23、17）解決に失敗しました：junit：junit：4.12？ testCompile 'junit:junit:4.12'依存関係を削除しても問題はもうありません。 build.gradle apply plugin: 'com.android.application' android { compileSdkVersion 23 buildToolsVersion "23.0.1" defaultConfig { applicationId "com.okedroid.myapplication" minSdkVersion 17 targetSdkVersion 23 versionCode 1 versionName "1.0" } buildTypes { release { minifyEnabled false proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' } } } dependencies { compile fileTree(dir: 'libs', include: ['*.jar']) testCompile 'junit:junit:4.12' compile …

133 java  android  react-native  junit 

同様の質問がありますが、複数の機能を持つファイルを作成できません。RNは非常に速く進化しているため、この方法がすでに時代遅れであるかどうかはわかりません。反応ネイティブでグローバルヘルパー関数を作成する方法 React Nativeは初めてです。 私がやりたいことは、多くの再利用可能な関数でいっぱいのjsファイルを作成し、それをコンポーネントにインポートして、そこから呼び出すことです。 私がこれまでやってきたことはばかげているように見えるかもしれませんが、あなたがそれをここで求めるようにあなたがそれを要求することを知っています。 Chanduというクラス名を作成して、このようにエクスポートしてみました 'use strict'; import React, { Component } from 'react'; import { AppRegistry, Text, TextInput, View } from 'react-native'; export default class Chandu extends Component { constructor(props){ super(props); this.papoy = { a : 'aaa' }, this.helloBandu = function(){ console.log('Hello Bandu'); }, } helloChandu(){ console.log('Hello Chandu'); …

133 reactjs  react-native 

私は現在Reactでフックの概念を学び、以下の例を理解しようとしています。 import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> ); } 上記の例は、ハンドラー関数パラメーター自体のカウンターをインクリメントします。イベントハンドラー関数内のカウント値を変更したい場合 以下の例を検討してください setCount = () => …

133 javascript  reactjs  react-native  react-hooks 

FlatListが機能していないようです。この警告が表示されます。 VirtualizedList：アイテムのキーが不足しています。各アイテムのキープロパティを指定するか、カスタムのkeyExtractorを指定してください。 コード： <FlatList data={[{name: 'a'}, {name: 'b'}]} renderItem={ (item) => <Text key={Math.random().toString()}>{item.name}</Text> } key={Math.random().toString()} />

129 react-native 

既存のWebアプリのように見えるネイティブアプリを作成しようとしています。ウィンドウの下部に固定フッターがあります。誰もがこれをreact nativeでどのように達成できるか考えていますか？ 既存のアプリでは簡単です： .footer { position: fixed; bottom: 0; }

128 react-native 

-bash：react-native：コマンドを取得していますが、react-nativeプロジェクトの作成中にコマンドが見つかりませんでした。 以下は追加情報です 1. brew --version homebrew 0.9.9 2 brew info watchman watchman `enter code here`stable 4.50 /usr/local/Cellar/watchman/4.4.0 3. brew info flow stable 0.24.1 /usr/local/Cellar/flow/0.24.1 4. brew info node stable 6.1.0 /usr/local/Cellar/node/6.1.0 5. npm -version 3.8.6 6. echo $PATH /Users/Ashok/.rbenv/shims:/Users/Ashok/.rbenv/shims:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin 以下のリンクから提案された手順を試しましたが、それでも同じエラーが発生します。 反応ネイティブコマンドが見つかりません 彼らがソリューションで指定した「npm」ディレクトリはありません Ashoks-MacBook-Pro:share Ashok$ ls aclocal doc info ruby-build zsh …

126 android  ios  react-native 

XCodeでReact Nativeアプリを実行しようとしていますが、このエラーが発生し続けます。問題を解決する方法がわかりません。助言がありますか？ XCodeのエラーのスクリーンショット：

124 ios  xcode  react-native 

私は実行するたびに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/runIOS.js:149:13) at new Promise (<anonymous>) at runOnSimulator (calendarPractice/node_modules/react-native/local-cli/runIOS/runIOS.js:134:10) at Object.runIOS [as func] (calendarPractice/node_modules/react-native/local-cli/runIOS/runIOS.js:106:12) at Promise.resolve.then (calendarPractice/node_modules/react-native/local-cli/cliEntry.js:117:22) ただし、Xcodeで実行すると、正常に動作します { "devicetypes" : [ { "name" : "iPhone 4s", "bundlePath" : "\/Applications\/Xcode.app\/Contents\/Developer\/Platforms\/iPhoneOS.platform\/Developer\/Library\/CoreSimulator\/Profiles\/DeviceTypes\/iPhone 4s.simdevicetype", "identifier" : "com.apple.CoreSimulator.SimDeviceType.iPhone-4s" …

122 react-native  ios-simulator  react-native-ios 

次のコードは、このライブの例にあります 私は次の反応ネイティブ要素を持っています： 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( <View style={styles.container}> <View style={styles.descriptionContainerVer}> <View style={styles.descriptionContainerHor}> <Text style={styles.descriptionText} numberOfLines={5} > Here is a really long text that you can do nothing about, its gonna …

121 css  reactjs  react-native  flexbox 

2番目のパラメータとしてGETリクエストを送信しようとしていますが、URLとして実行している間は機能しません。 これは機能し、$ _ GET ['naam']はテストを返します。 export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => { dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data}) }) .catch((err) => { dispatch({type: "SAVE_SCORE_FAILURE", payload: err}) }) } }; しかし、これを試してみると、何もありません$_GET。 export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php', { password: 'pass', naam: naam, score: …

121 reactjs  react-native  redux  axios 

反応ネイティブアプリを起動しようとすると、このメッセージが表示されます。通常、この種類のフォーマットは他のマルチスクリーンナビゲーションで機能しますが、この場合はどういうわけか機能しません。 ここにエラーがあります： Invariant Violation: The navigation prop is missing for this navigator. In react-navigation 3 you must set up your app container directly. More info: https://reactnavigation.org/docs/en/app-containers.html これが私のアプリフォーマットです： import React, {Component} from 'react'; import { StyleSheet, Text, View } from 'react-native'; import { createStackNavigator } from 'react-navigation'; import Login from './view/login.js' …

120 reactjs  react-native 

リアクションネイティブで最初のアプリを構築しようとしています。 私はこれらの2つのチュートリアルに従っています： https://facebook.github.io/react-native/docs/getting-started.html#content https://facebook.github.io/react-native/docs/android-setup.html 私は2番目のリンクからすべての要件をインストールしたと確信していますが、でアプリを実行しようとするとreact-native run-android、次のエラーが発生します。 genymotionの実行中にこのコマンドを実行しました。 これが私がAndroid SDKにインストールしたすべてです： Androidビルドツール23.0.1をインストールしようとしましたが、次のエラーが発生します。 私は何をすべきか？

119 android  linux  react-native 

次のようなレンダリングを備えたコンポーネントがあるとします。 <View style={jewelStyle}></View> ここでjewelStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, 背景色を動的にしてランダムに割り当てるにはどうすればよいですか？私はもう試した { borderRadius: 10, backgroundColor: getRandomColor(), width: 20, height: 20, }, ただし、これにより、Viewのすべてのインスタンスが同じ色になります。それぞれを一意にする必要があります。 任意のヒント？

119 css  reactjs  react-native