Questions tagged «react-native»

我的应用程序中有很长的文字，我需要将其截断并在末尾添加三个点。 我该如何在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。而且我想隐藏堆栈导航器的标题。当我使用如下导航选项时，它无法正常工作： navigationOptions: { header: { visible: false } } 我正在在stacknavigator中使用的前两个组件上尝试此代码。如果我使用此行，则会出现类似以下错误：

136 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中创建全局助手功能？ 我是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 …

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本机应用程序。我在窗口底部有一个固定的页脚。有谁知道如何通过本机反应实现这一目标？ 在现有的应用程序中很简单： .footer { position: fixed; bottom: 0; }

128 react-native 

我正在创建-native项目时遇到-bash：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 …

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 

我正在尝试将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 

当我尝试启动我的React Native应用程序时，我收到此消息。通常，这种格式可在其他多屏幕导航上使用，但在这种情况下不起作用。 这是错误： 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 …

120 reactjs  react-native 

我正在尝试使用react-native构建我的第一个应用程序。 我正在关注这两个教程： https://facebook.github.io/react-native/docs/getting-started.html#content https://facebook.github.io/react-native/docs/android-setup.html 我确定我从第二个链接安装了所有要求，但是当我尝试使用运行应用程序时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