标签: react-native-android

在这里,我正在尝试一个简单的代码,但滚动视图如果保存在另一个视图中则不起作用.代码是这样的:

  return(
  <View>
    <Toolbar title={this.props.title}>
    </Toolbar>

    <ScrollView>

      <HomeScreenTop />
      <HomeScreenBottom navigator={navigator}/>

      </ScrollView>

  </View>
 );

但如果滚动视图保持为父视图,则它可以完美地工作.代码如下:

  return(
  <ScrollView>
    <Toolbar title={this.props.title}>
    </Toolbar>

      <HomeScreenTop />
      <HomeScreenBottom navigator={navigator}/>

  </ScrollView>
 );

现在的问题是我不希望我的工具栏上下滚动,我只想让工具栏下面的内容移动.我怎样才能做到这一点？

接下来的问题:滚动视图必须是父视图才能返回工作吗？

从GitHub下载,制作moudle'ReactAndroid',然后:

Error:(687) Android NDK: Module reactnativejnifb depends on undefined modules: fbjni    
Error:(700) *** Android NDK: Aborting (set APP_ALLOW_MISSING_DEPS=true to allow missing dependencies)    
Error:Execution failed for task ':ReactAndroid:buildReactNdkLib'.
Process 'command '/Users/sumomokawaakira/Downloads/adt-bundle-mac-x86_64/sdk/ndk-bundle/ndk-build'' finished with non-zero exit value 2

我开始使用atom文本编辑器开发android应用程序.我在JS和JSX中编写代码时工作正常.

我必须做反应原生的功能,所以我需要编写java代码,如https://facebook.github.io/react-native/docs/native-modules-android.html

ToastModule.java

package com.facebook.react.modules.toast;

import android.widget.Toast;

import com.facebook.react.bridge.NativeModule;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContext;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.ReactMethod;

import java.util.Map;

public class ToastModule extends ReactContextBaseJavaModule {

  private static final String DURATION_SHORT_KEY = "SHORT";
  private static final String DURATION_LONG_KEY = "LONG";

  public ToastModule(ReactApplicationContext reactContext) {
    super(reactContext);
  }
}

atom因为建议不起作用,所以我不想编写Java代码.我们可以在android studio中导入我们的react本机项目,其中所有内置的react本机类都可用,因此我可以在编写代码时提供类/方法的建议.

有没有办法做到这一点？

我想在ScrollView中使用WebView作为我的本机应用程序.但是如果我这样做,我就无法滚动我的webview,除非我在scrollview上禁用滚动.但是,我需要scrollview和webview中的滚动.有关如何完成此任务的任何建议或解决方案？

嗨,我正在尝试使用navigate函数导航到下一个组件.我react-navigation用于多个组件之间的导航.

假设我有index.android.js和DashboardScreen.js组件.我试图DashboardScreen.js从索引组件导航到组件.

它正在导航,但索引组件始终保留在组件堆栈中.当我按回然后打开index.android.js它不应该.有谁知道如何管理这个react-native.在Android中,finish()适用于此.

navigate("DashboardScreen");

当我从SplashScreen那里航行到EnableNotification那时SplashScreen应该被摧毁,如果我从EnableNotification那里航行到CreateMessage那时EnableNotification应该被摧毁,如果我从CreateMessage那里航行到DashboardScreen那时CreateMessage应该被摧毁.截至目前,没有任何组件被销毁.

index.android.js

class SplashScreen extends Component {
  render() {
    if (__DEV__) {
      console.disableYellowBox = true;
    }

    const { navigate } = this.props.navigation;

    AsyncStorage.getItem("@ProductTour:key").then(value => {
      console.log(value);
      if (value) {
        navigate("DashboardScreen");
      }
    });

    return (
     ....
    );
  }
}

const App = StackNavigator( …

我想使用React Native在Android上使用Slider.

自定义跟踪图像和拇指是仅限iOS的属性,因此Android上有哪些可用选项来设置轨道和拇指的样式？

更具体地说,我正在寻找一种方法来改变拇指的颜色,最小/最大轨道的颜色,以及它们的厚度......

情况

• 动态切换图像
• 反应原生
• 开发模式
• Android的

问题

• 在开发模式下出现时,图像会淡入.这是一个问题,因为我正在开发和调整具有实际淡入效果的图像动画.是否可以禁用淡入效果？

尝试

• 切换到释放模式.在开发过程中工作但不合适.
• 最小化图像文件大小.没有明显的区别.
• 最小化图像显示尺寸.没有明显的区别.

我是React Native的新手.如何通过调用返回到它之前刷新/重新加载以前的屏幕goBack()？

可以说我们有3个屏幕A,B,C:

A -> B -> C

当我们goBack()从屏幕C 运行时,它返回到屏幕B但是具有旧的状态/数据.我们怎样刷新它？第二次没有调用构造函数.

我试图运行柔性ScrollView,并且只要有滚动型flex: 1的滚动内不起作用.这里是世博会小提琴(您可以运行此代码并使用) https://snack.expo.io/SySerKNp-

请注意,如果你flex: 1从ScrollView它中删除它确实让滚动,但然后你失去了弹性力量(能够让红色容器向下推高上方框(ScrollView))所以我必须有一个flex.

ps - 我只在android上工作,我还没有在iPhone上测试过(我不介意那里的结果)

知道我错过了什么吗？为什么ScrollView当它有一个flex: 1？谢谢 !

我有一个仅包含导航包的应用程序。在 IOS 上，一切都很好，但在 Android 上，标题和/或底部标签栏似乎在跳跃（可能会重新计算它们的位置）。仅当我使用导航组件并且仅当应用程序刚刚启动时才会发生这种情况。有没有人遇到同样的问题？

提前致谢。

套餐：

"@react-native-community/masked-view": "^0.1.10",
"@react-navigation/bottom-tabs": "^5.6.1",
"@react-navigation/native": "^5.6.1",
"@react-navigation/stack": "^5.6.2",
"react": "16.11.0",
"react-native": "0.62.2",
"react-native-gesture-handler": "^1.6.1",
"react-native-reanimated": "^1.9.0",
"react-native-safe-area-context": "^3.0.7",
"react-native-screens": "^2.9.0"

这是整个应用程序：

import * as React from 'react';
import { Button, Text, View } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';

function DetailsScreen() {
    return (
        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
            <Text>Details!</Text>
        </View>
    );
}

function HomeScreen({ …