小编Ket*_*tra的帖子

React Native - 当Android上的位置绝对时,视图会消失

每当我为这个视图制作'绝对'的位置风格时,它就会消失.我不知道为什么会这样.

import React, { Component } from 'react';
import { Text, View, Image, TouchableOpacity, StyleSheet } from 'react-native';

export default class App extends Component {
  render() {
    return (
      <View style={styles.mainView}>
        <View
          style={styles.parentView}>
          <TouchableOpacity
            activeOpacity={0.9}
            onPress={() => {}}>
            <View
              style={ [{position: 'absolute'}, styles.textView] }>
              <Text style={styles.textViewText}>
                Just Another Cat
              </Text>
            </View>
            <Image
              style={[{position: 'absolute'}, styles.imageView]}
              source={{ uri: 'https://images.pexels.com/photos/104827/cat-pet-animal-domestic-104827.jpeg' }}
            />
          </TouchableOpacity>
        </View>
      </View>
    );
  }
}
const styles = StyleSheet.create({
  mainView: { flexDirection: 'row', flex: 1 },
  parentView: { alignSelf: …
Run Code Online (Sandbox Code Playgroud)

react-native

8
推荐指数
2
解决办法
3774
查看次数

当应用程序被杀并处于"优化"电池模式时,不会收到FCM消息

我正在尝试将FCM消息发送到我的设备.当应用程序处于后台或前台时,我会正确收到它们.但是,当我的应用程序被终止时,如果它处于默认的"优化"电池使用模式,则不会收到通知.当我将应用程序的电池模式设置为"未优化"时,即使应用程序被杀,我也能正确接收通知.

是的,我尝试发送具有"高"优先级的FCM消息和FCM通知.

我的设备上的所有其他应用程序(WhatsApp,Facebook等)都处于"优化"模式,但即使它们被杀,它们也会收到推送通知.

我正在使用OnePlus 5T(Android 8.1.0).任何人都可以解释为什么在我的应用程序中发生这种情况?

我已经通过Optimize for Doze和App Standby ,但我听说如果您使用REQUEST_IGNORE_BATTERY_OPTIMIZATIONS,除了白名单案例中提到的原因之外,Google将拒绝您的应用.欢迎任何帮助.

android react-native firebase-cloud-messaging

6
推荐指数
0
解决办法
306
查看次数

本机反应-无法解析配置':classpath'的所有依赖项

我正在开发我的React本机应用程序,突然之间出现了Javascript React版本不匹配的情况。

当我寻找解决方法时,有人建议调用该命令 react-native upgrade

运行命令后,它会完全重置我的android应用程序包。我必须为自己react-native install <my-react-native-packages>包含的所有库都做,因为找不到其他方法。

这样做之后,这是我在致电时收到的错误 react-native run-android

Scanning folders for symlinks (9ms)
JS server already running.
Building and installing the app on the device (cd android && ./gradlew installDebug)...

FAILURE: Build failed with an exception.

* What went wrong:
A problem occurred configuring root project 'CustomApp'.
> Could not resolve all dependencies for configuration ':classpath'.
   > Could not find com.android.tools.build:gradle:3.1.2.
     Searched in the following locations:
         https://jcenter.bintray.com/com/android/tools/build/gradle/3.1.2/gradle-3.1.2.pom
         https://jcenter.bintray.com/com/android/tools/build/gradle/3.1.2/gradle-3.1.2.jar
     Required by:
         :CustomApp:unspecified

* Try:
Run with …
Run Code Online (Sandbox Code Playgroud)

react-native

5
推荐指数
1
解决办法
8191
查看次数

在本机反应中循环滚动视图

我正在尝试创建一个不断重复其元素的滚动视图。假设它有 10 个元素,那么在第 10 个元素之后,第一个元素将出现,依此类推,无限。

注意:我不是在谈论无限滚动来加载更多元素。只是滚动视图中的循环结构。

我想到的解决方案是一个包含这 10 个元素的普通滚动视图,每次我到达末尾并调用 时onEndReached,它都会在其前面附加这 10 个元素,并给它一种错觉,认为它实际上是循环或循环性质的。唯一的问题是,它听起来效率不高,就像每次到达末尾时将重复元素存储到数据数组中一样。有没有更好的解决方案?

reactjs react-native

5
推荐指数
1
解决办法
6290
查看次数

React Native - FlatList 中有静态和动态元素

我正在尝试创建一个有点像 Twitter 的帖子推文列表的 FlatList,显示设备图库中从相机到照片的选项。

在此输入图像描述

我不知道如何将前 2-3 个元素作为静态元素,然后通过 CameraRoll 或其他东西添加动态元素。

我想到的第一个解决方案是拥有一个数组,其前 2-3 个元素作为包含“相机”、“画廊”等的文本,然后将该数组与动态数组连接起来,并通过 renderItem() 函数处理所有内容显示“静态元素”情况的不同视图。但我希望有更好的方法来做到这一点。这个你能帮我吗。

javascript reactjs react-native react-native-flatlist

4
推荐指数
1
解决办法
4536
查看次数

创建本地反应项目时出现命令行错误

我刚开始使用react-native项目,并试图设置一个演示项目来学习react-native。但是,我无法通过命令行创建项目。

安装必备库后,我使用以下命令创建了本机项目:

react-native init AwesomeProj
Run Code Online (Sandbox Code Playgroud)

我收到以下错误:

This will walk you through creating a new React Native project in /Users/ketanmalhotra/Documents/Freelance/demo-react/AwesomeProject
Installing react-native...
Consider installing yarn to make this faster: https://yarnpkg.com
npm ERR! Darwin 16.3.0
npm ERR! argv "/usr/local/Cellar/node/6.3.0/bin/node" "/usr/local/bin/npm" "install" "--save" "--save-exact" "react-native"
npm ERR! node v6.3.0
npm ERR! npm  v3.10.3
npm ERR! code ETIMEDOUT
npm ERR! errno ETIMEDOUT
npm ERR! syscall connect

npm ERR! network connect ETIMEDOUT 151.101.36.162:443
npm ERR! network This is most likely not a problem with npm …
Run Code Online (Sandbox Code Playgroud)

npm react-native

3
推荐指数
1
解决办法
2827
查看次数

未定义不是对象'_react2.PropTypes.bool'

我使用的是react-native 0.49.5,我的应用程序运行正常,但是当我尝试安装并链接react-native-image-cropper时,它给了我一个错误,所以只是为了确认该库是否存在问题,我删除它,但它仍然给我相同的错误: 在此处输入图片说明

我不明白这个错误,因为这就是全部。有人知道我想念什么吗?

reactjs react-native

1
推荐指数
1
解决办法
2603
查看次数