标签: react-native

我在运行时遇到错误npm install。错误是：

npm ERR! Cannot read property 'pickAlgorithm' of null

npm ERR! A complete log of this run can be found in:
npm ERR!    npm-cache\_logs\2021-10-14T08_03_47_266Z-debug.log

我执行了以下操作，但错误仍然存​​在：

1. 已删除node-modules
2. 删除了给定的文件
3. 跑步npm cache clear --force

环境：

操作系统：Windows 10
本机反应：0.65.1
节点：14.17.4
npm：7.21.0

我想在View中添加一个全屏图像,所以我编写了这段代码

return (
    <View style={styles.container}>
        <Image source={require('image!egg')}  style={styles.backgroundImage}>
    </View>
)

并将样式定义为

var styles = StyleSheet.create({
container: {
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
     backgroundColor: '#F5FCFF',
     flexDirection: 'column',
},
     backgroundImage:{
     width:320,
     height:480,
   }
...

但是这样我怎么能找到实际的iPhone屏幕尺寸？

我见过一个API来访问像素密度,但没有关于屏幕尺寸......

任何的想法？

例如,我有一个我想浮动的元素

<View style={{width: 300}}>
  <Text style={{backgroundColor: "#DDD"}}>Hello</Text>
</View>

如何Text浮动/对齐到右边？另外,为什么Text占据了整个空间View,而不仅仅是"你好"的空间？

因为我是反应原生的新手,所以如果步骤中有任何错误,请告诉我.

我根据文档使用命令构建了一个react native android应用程序

react-native android

在设备上运行时,使用了以下命令

react-native run-android

这给了我在我的projectfolder/android/app/build/outputs/apk中输出的2个apk文件

现在,当我在安装后使用安装这个apk时,它要求开发服务器连接到捆绑JS.但我的要求是,用户不需要为开发服务器而烦恼,只需要安装apk即可完成所有操作.

已经完成了一些stackoverflow问题但没有帮助构建不需要开发服务器的unsigned apk.

你能帮助我找到如何在反应原生中构建和未签名的apk的方法吗？

我正在使用本机做一个Android应用程序,我使用了TouchableOpacity组件来创建按钮.
我使用文本输入组件来接受来自用户的文本,并且只有在文本输入与特定字符串匹配时才应启用该按钮.
我可以通过最初渲染没有TouchableOpactiy包装器的按钮并在输入字符串匹配时使用包装器重新渲染来想办法.
但我猜测有更好的方法可以做到这一点.有人可以帮忙吗？

为什么每次我在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 'com.android.support:appcompat-v7:23.0.1'
}

我使用react-native来构建一个跨平台的应用程序,但我不知道如何设置环境变量,以便我可以为不同的环境设置不同的常量.

例:

development: 
  BASE_URL: '',
  API_KEY: '',
staging: 
  BASE_URL: '',
  API_KEY: '',
production:
  BASE_URL: '',
  API_KEY: '',

当我运行此命令时:

react-native run-ios

我的应用程序默认在iPhone6模拟器设备中运行:

Found Xcode project RN.xcodeproj
Launching iPhone 6 (9.2)...

如何在默认情况下让应用程序在不同的模拟器设备(如iPhone5s)中运行？

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':react-native-linear-gradient:compileDebugJavaWithJavac'.
> Could not find tools.jar. Please check that /Library/Internet Plug-Ins/JavaAppletPlugin.plugin/Contents/Home contains a valid JDK installation.

当我升级到 Mac os Big sur 并运行时，

npx react-native run-android

我收到此错误（Android）。我从 Stack Overflow 尝试了很多解决方案，但都没有奏效。

我创建了一个新项目并且它正在运行。此外，一些旧项目也运行良好。

*react-native Version: "0.63.3",*

请帮我找到解决办法？

当我使用react-native init(RN版本0.29.1)创建一个全新的项目并将渲染方法中的提取放到公共Facebook演示电影API时,它会抛出一个Network Request Failed.有一个非常无用的堆栈跟踪,我无法在chrome控制台中调试网络请求.这是我发送的提取:

fetch('http://facebook.github.io/react-native/movies.json')
      .then((response) => response.json())
      .then((responseJson) => {
        return responseJson.movies;
      })
      .catch((error) => {
        console.error(error);
      });