标签: react-native-android

在本机反应中与android os设置链接

我正在尝试与android os settings页面链接.

Phone Dail与之相伴Linking是工作.

Linking.openURL('tel: +959 XXXXXXXX');
Run Code Online (Sandbox Code Playgroud)

我可以使用Linking与链接android os settings像网页android location settings页面?

react-native react-native-android

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

如何通过本机反应来听取物理按钮?

我试图检测用户何时在反应原生应用程序中按下音量增大按钮.我没有直接在手机中使用任何媒体作为音乐或视频,我想将音量按钮用于不同的目的.例如:触发相机拍摄.

react-native react-native-android react-native-ios

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

Arrow功能与async和await in react native

我正在尝试将数据保存AsyncStorage在react-native.我想保存它异步,所以使用async和await关键字.

  async onPositiveClickListener = () => {
    // user has completed product tour_end
    try {
      await AsyncStorage.setItem("@ProductTour:key", "true");
      const { navigate } = this.props.navigation;
      navigate("DashboardScreen");
    } catch (error) {
      console.log(error);
    }
  };
Run Code Online (Sandbox Code Playgroud)

保存程序时出错

SyntaxError: Unexpected token, expected ( (40:32)
  38 |   };
  39 | 
> 40 |   async onPositiveClickListener = () => {
     |                                 ^
  41 |     // save user has completed product tour_end
  42 |     try {
  43 |       await AsyncStorage.setItem("@ProductTour:key", …
Run Code Online (Sandbox Code Playgroud)

javascript async-await react-native react-native-android

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

在android上与react-native建立VPN连接

如何在android中创建与react-native的PPTP VPN连接,然后连接到它?

vpn react-native react-native-android

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

JS服务器无法识别,继续构建

环境

Windows 10

Npm 5.5.1

react-native-cli 2.0.1

反应原生0.50.3

Genymotion谷歌Nexus 7 - 6.0.0 API 23

Android的东西:

Sdk版本:26

buildToolsVersion '26 .0.2'

TargetsdkVersion:26

编译"com.android.support:appcompat-v7:26.0.2"

我已经运行了npm start --reset-cache以及react-native start --reset-cache但是我一直无法识别JS服务器,继续构建.这可以防止打包程序在我的模拟器上运行之前捆绑资产.

我在这篇文章中遵循了解决方案1:

https://github.com/facebook/react-native/issues/9136#issuecomment-306486102

以及这一个:

无法识别JS服务器

我用react-native init APP开始了这个项目.使用此错误已经无法构建它.检查这里和使用npm cache clean和react-native start --reset-cache提到的其他站点的serval帖子,这似乎没有帮助我继续得到相同的错误.我曾经一次顺利运行,但我改变了一个npm包,我想我又把它弄坏了.任何帮助,将不胜感激.我还更新了gradle版本并将其同步到项目中

下面是我正在经历的一些截图...

仿真器输出 Bash输出

**代码**

index.js

import { AppRegistry } from 'react-native';
import App from './App';

AppRegistry.registerComponent('hihi', () => App);
Run Code Online (Sandbox Code Playgroud)

App.js /***样本React Native App*https://github.com/facebook/react-native *@flow*/

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

const instructions = Platform.select({ …
Run Code Online (Sandbox Code Playgroud)

javascript android gradle react-native react-native-android

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

如何限制React本机ios/android datepicker中的日期选择

我想限制用户根据反应本机ios/android日期选择器中的业务逻辑选择特定日期.目前在文档中我只看到可以提供最小日期和最大日期.那么有没有办法只限制一个月(5,6,10,12,18)?

注意:这些日期只是一个例子,会因案例而异

datepicker reactjs react-native react-native-android react-native-ios

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

反应原生相机Gradle sync失败:无法在存储库容器上找到方法google()for arguments []

我正在尝试安装react-native-camera.

我做到了npm install react-native-camera react-native link react-native-camera.

它给了我错误的说法Gradle sync failed: Could not find method google() for arguments [] on repository container.

我也尝试了手动链接,如文档中所述,直到我添加的第6步

allprojects {
    repositories {
        maven { url "https://jitpack.io" }
        maven { url "https://maven.google.com" }
    }
}
Run Code Online (Sandbox Code Playgroud)

我使用的是exifinterface版本,例如27. +而不是25. +

我有distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zipdistributionUrl和classpath 'com.android.tools.build:gradle:2.2.3'

我不知道我错过了什么.当我打开我的Android工作室时,它给了我错误Gradle sync failed: Could not find method google() for arguments [] on repository container

当我react-native run-android在手机上运行时,它给了我错误的说法undefined is not an object (evaluating 'cameramanager.aspect') …

android gradle react-native react-native-camera react-native-android

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

延迟捕获图像 - React Native Camera/Expo Camera

我试图实现与Facebook或Instagram相同的功能:立即
预览相机拍摄的图像

此时,调用此函数时我的摄取正确:

takePicture = async function() {
   if (this.camera && this.state.isConnected === true) {
      const options = { quality: 0, base64: false };
      const data = await this.camera.takePictureAsync(options);
      this.toLoading(data.uri);
   }
};
Run Code Online (Sandbox Code Playgroud)

如此处所示,摄像机质量选项设置为0,以确保问题不是由图像处理引起的.

我也将我的RNCamera道具设置为降低,如下所示:

      autoFocus={"off"}
      skipProcessing={true}
      type={"back"}
      flashMode={"off"}
      zoom={0}
      whiteBalance={"auto"}
      ratio={"16:9"}
Run Code Online (Sandbox Code Playgroud)

我在android和ios上测试了这个,即使ios似乎更快地执行它,它仍然不会立即执行.
有没有人能够使用react native重现facebook/instagram相机预览?我一直在寻找github回购,在我的情况下似乎有很多人,但仍然没有解决方案.我还注意到人们试图推出世博会项目以继续本机代码,但延迟仍然存在.

android react-native react-native-camera react-native-android expo

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

React Native - 没有为Login定义路由

我正在学习如何将tabNavigator,DrawerNavigator和StackNavigator配置成一个没有NativeBase或Expo的单一反应导航库.

我实现了它,但是当我在我的应用程序中执行某些特定序列时出现错误.

应用程序从Tab Screen开始. - >更改选项卡 - >打开抽屉 - >转到堆栈 - >打开抽屉然后转到选项卡会出现此错误.

这是我的代码:

App.js

import React from 'react';
import {Drawer} from "./src/navigation/MergedNavigator";
import {View,Text} from "react-native";

const App = () => (
    <View style={{flex: 1,backgroundColor: '#293656'}}>
        <Drawer />
    </View>
);

export default App;
Run Code Online (Sandbox Code Playgroud)

MergedNavigator.js

import {DrawerNavigator,StackNavigator,createBottomTabNavigator} from 'react-navigation';

// stack navigation screens
import DetailScreen from '../screens/detail';
import MainScreen from '../screens/main';
import ForgotScreen from '../screens/ForgotScreen';
import RegisterScreen from '../screens/RegisterScreen';

// tab navigator screens
import LoginScreen from '../screens/Login';
import TabOne from '../screens/tabA'; …
Run Code Online (Sandbox Code Playgroud)

reactjs react-router react-native react-native-android react-navigation

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

如何在同一子组件中处理React Native animation.timing

父组件:

routes.forEach((data, index) => {
  content.push(<Item key={index} offset={688} route={route} />)
})
Run Code Online (Sandbox Code Playgroud)

Item 零件:

scrollAnimate (toValue) {
  const { offset } = this.props;

  Animated.timing(
    this.state.xTranslate,
    {
      toValue,
      duration: 20000,
      easing: Easing.linear,
      useNativeDriver: true
    }
  ).start((e) => {
    if (e.finished) {
      const newState = {xTranslate: new Animated.Value(offset)}
      this.setState(newState, () => { this.scrollAnimate(toValue) })
    }
  });
}
Run Code Online (Sandbox Code Playgroud)

我希望每个ItemComponent循环都设置动画,但是事实是所有ItemComponents动画结束,然后所有ItemComponent一起开始动画。我该如何解决?

javascript reactjs react-native react-native-android

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