标签: react-native-android

在本机反应中，我有：

Warning: Failed prop type: Invalid prop `value` of type `number` supplied to `TextInput`, expected `string`.

我有一个postalCode，它是数值。

我已经设置了keyboardType="numeric"，<TextInput />但我在 ios/android/web 上仍然有这个错误。

我该如何解决？

我是 React Native 的新手，我收到了这个错误，但我无法解决它。

我正在关注主要react-navigation 页面中的教程，但我无法完成它。

我将不胜感激任何帮助。谢谢！

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

function HomeScreen() {
    return ( <
        View style = {
            { flex: 1, alignItems: 'center', justifyContent: 'center' }
        } >
        <
        Text > Home Screen < /Text> < /
        View >
    );
}

const Stack = createStackNavigator();
export default function App() {
    return ( <
        NavigationContainer …

我是 redux 的新手。我正在将 redux 与 react-native 结合使用。我刚刚创建了一个简单的应用程序，它在 redux 上存储了 RGB 颜色，并且我正在使用和更新组件的状态。输出很好，但我的 cmd 窗口出现错误。我正在使用 Expo-CLI。 在此处输入图片说明

我的应用程序代码在这里 App.js

import React from 'react';
import { View } from 'react-native';
import reducer from './src/reducers/Index'
import {Provider} from 'react-redux'
import {createStore} from 'redux'
import ColorTile from './src/component/ColorTile.js'
const store=createStore(reducer)
export default function App() {
  return (
    <Provider store={store}>
      <View style={{flex:1,justifyContent:"center",alignItems:'center'}}>
          <ColorTile />
      </View>
    </Provider> 
  );
}

Index.js 代码

import {combineReducers} from 'redux'
import rgbReducer from './rgbReducer'

const allReducer=combineReducers({
      rgb:rgbReducer
})
export default allReducer

export …

我正在使用 React-Native。在本文中，我指的是本文档在 React-Native 中使用 Realm 数据库。我可以创建 react-native 数据库，但无法在 Realm-Studio - V3.11.0 中打开它。当我在工作室中打开保存的 Realm 文件时，它会显示以下消息。我在节点中的领域版本是 6.0.0

我想打开看看里面的数据。如果有任何其他解决方案，请告诉我。我提到了其他链接，但我发现这个问题有所不同，因此为它创建了新问题。

我在大多数 android 设备（和 iOS）上测试的我的 react-naive 应用程序在模拟器上看起来都很好，但是一些顶部有明显弯曲屏幕的设备（Google Pixel 4，API 29），它在手机顶部显示一个很大的空白区域.

这看起来不正常。你知道如何修复它吗？

我正在使用SafeAreaView但没有任何 android 特定的填充/边距。

<SafeAreaView style={{flex:1}}>
    ... My App Code come here.
</SafeAreaView>

我还尝试删除 SafeAreaView 并使用常规视图代替，但它仍然不会消失。

只是为了测试，我删除了所有内容并添加了一个 hello world 测试屏幕。它仍然提供相同的宽空间。现在这是我的整个应用程序：

export default class Main extends React.Component {
    constructor(props) {
      super (props);
    }

  render () {
    return (
        <View style={{flex:1, backgroundColor: 'white'}}>
            <Text> Hello World, How to fix this ? </Text>
        </View>
    );
  }
}

AppRegistry.registerComponent(appName, () => Main);

在过去的几周里，我们看到这种崩溃是间歇性的，但仅限于三星 Android 10 设备。到目前为止，我们无法在本地复制此内容，也未在 Sentry 中看到此日志。它只显示在我们的 Play 商店日志中。

对于其他上下文：

• 爱马仕已启用
• 它似乎是在我们升级到 react-navigation v5 的同时开始的。
• 三星 Android 10 设备的发生率约为 1%

崩溃始终具有以下崩溃特征：

*** *** *** *** *** *** *** *** *** *** *** *** *** *** *** ***
pid: 0, tid: 0 >>> com.gemini.android.app <<<

backtrace:
  #00  pc 0000000000083360  /apex/com.android.runtime/lib64/bionic/libc.so (abort+176)
  #00  pc 00000000000b8124  /data/app/com.gemini.android.app-mYfcCgG7U4jkbpiQr4EEtA==/lib/arm64/libc++_shared.so
  #00  pc 00000000000b43d4  /data/app/com.gemini.android.app-mYfcCgG7U4jkbpiQr4EEtA==/lib/arm64/libc++_shared.so (__gxx_personality_v0+364)
  #00  pc 000000000003d3b4  /data/app/com.gemini.android.app-mYfcCgG7U4jkbpiQr4EEtA==/lib/arm64/libhermes-executor-release.so
  #00  pc 000000000003d8bc  /data/app/com.gemini.android.app-mYfcCgG7U4jkbpiQr4EEtA==/lib/arm64/libhermes-executor-release.so (_Unwind_Resume+116)
  #00  pc 0000000000029b9c  /data/app/com.gemini.android.app-mYfcCgG7U4jkbpiQr4EEtA==/lib/arm64/libhermes-executor-release.so (facebook::react::JSIExecutor::NativeModuleProxy::get(facebook::jsi::Runtime&, facebook::jsi::PropNameID const&)+472)
  #00  pc 0000000000032ff0  /data/app/com.gemini.android.app-mYfcCgG7U4jkbpiQr4EEtA==/lib/arm64/libhermes.so (facebook::hermes::HermesRuntimeImpl::JsiProxy::get(hermes::vm::SymbolID)+196)
  #00 …

我刚刚react-native-vector-icons从 7.1 版升级到 8.0 版......现在我收到以下错误：

    unable to resolve module `./tab-bar-item-ios` from `node_modules\react-native-vector-icons\lib\create-icon-set.js`
    None of these files exist:
  * node_modules\react-native-vector-icons\lib\tab-bar-item-ios(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx).........etc

我使用 Windows 计算机在真实的 Android 设备上进行测试。有任何想法吗？

我目前有以下活动，它是在我的应用程序启动时创建的，并在我的 AndroidManifest.xml 中声明为活动：

AndroidManifest.xml：

<activity android:name=".IncomingActivity"></activity>

传入Activity.java：

package com.xyz;

import android.os.Build;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.WindowManager;

public class IncomingActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O_MR1) {
            setShowWhenLocked(true);
            setTurnScreenOn(true);
        }
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN | WindowManager.LayoutParams.FLAG_TURN_SCREEN_ON
                | WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON | WindowManager.LayoutParams.FLAG_SHOW_WHEN_LOCKED
                | WindowManager.LayoutParams.FLAG_DISMISS_KEYGUARD);

        setContentView(R.layout.activity_incoming);
    }
}

我现在希望能够从 React Native 按需使用此功能。到目前为止，我已经像下面这样重构了它，但是当调用这个本机方法时，我只是得到一个空白的白屏，我认为问题出在这一行：activity.setContentView(mReactRootView);

更新类：

public class UnlockDevice extends ReactContextBaseJavaModule {

    @Override
    public String getName() {
        return "UnlockDevice";
    }

        private ReactContext mReactContext;
        private ReactRootView mReactRootView;

    public UnlockDevice(ReactApplicationContext reactContext) { …

如何使用 React Native 中的 react-navigation 在 Android 中使用向下滚动操作自动隐藏标题并使用向上滚动操作显示标题？

    const HomeStack = createStackNavigator({

      Home: {
        screen: HomeIndexScreen,
      },
      Details: {
        screen: HomeItemScreen,
      }
    },{
      headerLayoutPreset : 'center',
      headerMode: 'float'
    });

当我们滚动 sectionList 时，我们可以将粘性标题粘贴在滚动视图的顶部。

但我需要的是在粘性标题和滚动视图顶部之间设置边距，即在滚动视图顶部之间留出空隙。

有谁知道如何处理？