标签: react-native-android

我试图查看几个 React Native 圆形滑块库，但是它们都没有按预期工作。它们都遭受相同的错误，即在您滑动时它们会随机更改值。一个例子是：

我正在寻找的是一个圆形滑块，它的值位于滑块的中间，非常像这样：

先感谢您

编辑：如果您想使用它，我已经添加了一个测试回购。我已经尽力了，但这是我能做的最好的

https://github.com/2joocy/SliderTest

代码取自这里：

https://github.com/steveliles/react-native-circular-slider-example

我是 React-native 的新手。我正在尝试为组件中的视图元素设置样式，并且在尝试应用样式标签时，出现以下错误：
注意： 我的样式标签在单独的 js 文件中
在styles.js 中

import {Dimensions} from 'react-native';

    const DEVICE_WIDTH= Dimensions.get('window').width;
    const DEVICE_HEIGHT= Dimensions.get('window').height;

    export default {
       container:{
          backgroundColor: 'white',
          flex:1 ,
          width: DEVICE_WIDTH,
          height: DEVICE_HEIGHT,
         }
    };

在 Main.js 文件中

import React,{ Component } from 'react';
import { Router,Scene,Actions} from "react-native-router-flux";
import {View} from 'react-native';

import styles from './styles.js'

class Main extends Component{

render(){
    return(
            <View style={styles.container} >
                    <Text>
                        Hello pages
                    </Text>
            </View>

    );
  }
}

 export default Main;

错误画面：

我正在使用来自expo包装的相机，但在相机视图失真方面遇到了麻烦。我的手机有2:1比率，这是非标准的。

当我使用getSupportedRatiosAsync相机的方法时，我得到了各种比例，如1:1, 2:1, 4:3, 16:9，但只是2:1看起来不错。

如何选择适合设备自然分辨率的比率？有没有办法访问设备的首选比率？或者它周围有什么技巧，比如总是选择16:9并让相机组件添加黑色边距，而实际设备的比例不适合16:9？

编辑：

我的手机分辨率是2196x1080，所以正确的比例应该是2:1。但是我无法想出一个可以计算2196x1080=>的函数2:1，因为(2 * 1080) !== 2196

即使对于如此愚蠢的分辨率，有什么方法可以推断出最佳比率？

我正在尝试将公司徽标添加到 Drawer Navigator 的标题中，但它仅显示屏幕的标题。这是我的代码：

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, ScrollView, Dimensions, Image} from 'react-native';
import { createDrawerNavigator, createAppContainer, DrawerItems, SafeAreaView } from 'react-navigation';
import HomeScreen from './screens/HomeScreen';
import SettingsScreen from './screens/SettingsScreen';

class App extends Component {
  render() {
    return (
      <AppNavigator />
    );
  }
}

const AppNavigator = createDrawerNavigator({
  Home: {screen: HomeScreen},
  Settings: {screen: SettingsScreen},
},
{
  CustomDrawerContentComponent: props => (
    <SafeAreaView style={styles.container}>
        <View style={{height: 150, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center'}}>
          <Image source={require('./assets/typeme.png')} style={{height: …

我正在使用 Expo - react-native 创建应用程序，但使用 KeyboardAvoidingView 和其他键盘包（react-native-keyboard-aware-scroll-view）在屏幕底部显示空白。我该如何解决？( https://i.stack.imgur.com/1c0M6.jpg ) 尝试过 KeyboardAvoidingView 和 react-native-keyboard-aware-scroll-view 但问题仍然存在

       import React, {Component} from 'react';
       import {StyleSheet,
       ScrollView,
       Text,ActivityIndicator,
       TouchableOpacity,
       TextInput,
        View,
        StatusBar,
       ImageBackground,
        KeyboardAvoidingView} from 'react-native';

       import { createStackNavigator, createAppContainer } from 'react- 
        navigation';
        import { KeyboardAwareView } from 'react-native-keyboard-aware- 
        view';
        import { AsyncStorage } from 'react-native';

        export default class LoginForm extends Component {
        render() {
         return (
           <KeyboardAwareView contentContainerStyle={{flex: 1}} animated={true}>
      <View style={styles.container}>
      <ScrollView style={{flex: 1}}>
    <StatusBar
      backgroundColor="transparent"
      barStyle="default"
      translucent={true}
    />
        <ImageBackground style={{width: "100%",height: …

我想在我的项目中安装 Firebase Crashlytics 但我在构建时遇到了这样的问题

尝试过 - 我可以做评论 //apply plugin: "io.fabric" - 我将版本类路径删除'io.fabric.tools:gradle:1.28.1'到classpath 'io.fabric.tools:gradle:1.28.0'

android/build.gradle

        classpath 'com.google.gms:google-services:4.2.0'
        classpath 'io.fabric.tools:gradle:1.28.1'

  maven {
            url 'https://maven.fabric.io/public'
        }

gradle-wrapper.properties

distributionUrl=https\://services.gradle.org/distributions/gradle-4.10.1-all.zip

proguard-rules.pro

-keep class io.invertase.firebase.** { *; }
-dontwarn io.invertase.firebase.**

应用程序/build.gradle

    // Firebase dependencies
    implementation "com.google.android.gms:play-services-base:16.1.0"
    implementation "com.google.firebase:firebase-core:16.0.9"
    implementation('com.crashlytics.sdk.android:crashlytics:2.9.9@aar') {
        transitive = true
    }


apply plugin: "io.fabric"

问题

> Could not resolve all artifacts for configuration ':classpath'.
   > Could not find io.fabric.tools:gradle:1.28.1.
     Searched in the following locations:
       - https://dl.google.com/dl/android/maven2/io/fabric/tools/gradle/1.28.1/gradle-1.28.1.pom
       - https://dl.google.com/dl/android/maven2/io/fabric/tools/gradle/1.28.1/gradle-1.28.1.jar
       - https://jcenter.bintray.com/io/fabric/tools/gradle/1.28.1/gradle-1.28.1.pom …

我是本机反应的新手，我想创建一个使用 firebase 推送通知的简单应用程序。

所以我使用“expo init”创建了我的反应应用程序

现在我被困在本教程的第 2 点 https://github.com/invertase/react-native-firebase-docs/blob/master/docs/installation/android.md

在教程中，它说“将 xyz 应用到你的 android/app/build.gradle”但问题是我没有这样的文件，在许多其他的 react native 教程中也提到了这个文件......我是否必须创建这个文件自己还是应该自动创建这个文件？

更具体地说，我没有“android”目录。node_modules 文件夹中只有许多 android 文件夹

我添加了我的顶级文件夹结构的屏幕截图。

实际上，我是本机反应的新手，在这里我尝试使用“react-i18next”将语言更改为阿拉伯语，但是在执行时出现以下错误

ReactNativeJS ?? (0, _reactI18next.translate) 不是函数。(在 '(0, _reactI18next.translate)('common', { bindI18n: 'languageChanged', bindStore: false })', '(0, _reactI18next.translate)' 未定义)

这是我的代码

import React from 'react';
import AppNavigator from './src/controller/AppNavigator';
import { translate } from 'react-i18next';
// import i18n from './src/I18n/index';
console.reportErrorsAsExceptions = false;

const WrappedStack = ({ t }) => {
  return <AppNavigator screenProps={{ t }} />;
};
const ReloadAppOnLanguageChange = translate('common', {
  bindI18n: 'languageChanged',
  bindStore: false,
})(WrappedStack);

export default class App extends React.Component {
  render() {
    return (
      <ReloadAppOnLanguageChange/>
    );
  }
} …

我是 react-native 的新手，我想在 react-native 中实现以下设计

• 蓝色圆圈是选择日期的滑块（日期选择器）
• 当日期更改时，滑块（日期选择器）内的圆圈会更改颜色
• 最后是圆圈内的图像。

如果有人可以提供参考链接或我可以用来创建图像中显示的设计的库，那就太好了。

提前致谢。

我正在使用 android 模拟器在 Windows 10 上运行 expo 应用程序。隧道建立，模拟器启动。但世博会在模拟器上不断崩溃。

我尝试从模拟器中卸载 expo，然后重新启动机器。有任何想法吗？