小编Dav*_*tte的帖子

下面的代码使用DataTable.Cell.

如果文本大于列宽，则会隐藏文本

如果大于列宽的文本需要在下一行中中断文本，请帮助需要显示文本。

<DataTable.Row
  style={{ flex: 1, flexWrap: 'wrap', paddingLeft: 1, borderColor: 'green', borderWidth: 2 }}>
  <DataTable.Cell
    style={{
      flex: 3,
      flexWrap: 'wrap',
      borderColor: 'yellow',
      borderWidth: 2,
      height: auto,
      overflow: 'visible',
    }}>
    <View style={styles.rowbox}>
      <Text style={styles.stnname}>Test 1</Text>
      <Text>Day:1</Text>
      <Text>Distance:0</Text>
    </View>
  </DataTable.Cell>
  <DataTable.Cell numeric>Cell 1 2</DataTable.Cell>
  <DataTable.Cell numeric>Cell 1 3</DataTable.Cell>
</DataTable.Row>
<DataTable.Row
  style={{ flex: 1, flexWrap: 'wrap', paddingLeft: 1, borderColor: 'green', borderWidth: 2 }}>
  <DataTable.Cell
    style={{
      flex: 3,
      flexWrap: 'wrap',
      borderColor: 'yellow',
      borderWidth: 2,
      height: auto,
      overflow: 'visible',
    }}>
    <View …

我尝试了所有方法，但我已经没有办法在我的 Mac 上运行 Android 模拟器了。

\n
• 我从官网https://developer.android.com/studio/index.html下载了\xe2\x80\x94again\xe2\x80\x94 Android studio
\n

Android Studio Bumblebee | 2021.1.1 Patch 3\nBuild #AI-211.7628.21.2111.8309675, built on March 16, 2022\n

\n

• 我下载了“R API Level 30 镜像”

  \n
\n

• 我安装了“The Zulu OpenJDK”

  \n
\n

brew tap homebrew/cask-versions\nbrew install --cask zulu11\n

\n
• 我知道android-emulator-m1-preview不再需要了
\n

编辑： \n按照@mmBs的建议，我更改了Gradle的路径

Preferences > Build > Gradle > Gradle JDK > azul-11\n

...相同的结果。

我无法使虚拟设备在我的计算机上运行。

当我尝试启动模拟器时，我总是遇到此设备管理器错误。

问题： …

我的HomeHeader组件是这样的：

import React from "react";
import { View, StyleSheet, Text, Image } from "react-native";
import Icon from "react-native-vector-icons/FontAwesome5";

export default function HomeHeader({ navigation }) {
  return (
    <View style={styles.home_header}>
      <Icon
        style={styles.menu}
        name="bars"
        size={30}
        color="white"
        onPress={navigation.toggleDrawer()}
      />

      <Image
        style={styles.header_logo}
        source={require("../assets/logo.png")}
      />
      <Text>Hello</Text>
    </View>
  );
}

并在我的主屏幕中使用它，如下所示：

return (
  <View>
    <HomeHeader navigation={navigation} />
  </View>
)

但我收到此错误消息：

警告：无法从不同组件的函数体内部更新组件。

我想要做的是，我已将 HOME 屏幕的标题部分分离到一个名为 HomeHeader 的单独组件中。在这个组件中，我附加了事件处理程序来切换 DrawerNavigation（左侧抽屉菜单）的打开/关闭

如果我在主屏幕中创建一个 Button 并添加事件处理程序来切换抽屉，它工作正常。但是只有当我从我的 HomeHeader 组件内部尝试这个问题时才会发生。

顺便说一句，我正在使用 ReactNavigation v5，我什至尝试过这种方法：https ://reactnavigation.org/docs/connecting-navigation-prop/

到目前为止没有运气。

我安装了react-native全局 cli。

但是当我运行时npm start，我遇到了这个错误：

Cannot find module \'react-native\'\n

这是我的App.js文件。谢谢...

import React from "react";\nimport { SafeAreaView, View, Text } from "react-native";\n\nfunction App() {\n  return (\n    <SafeAreaView\n      style={{\n        flex: 1,\n        alignItems: "center",\n        justifyContent: "center",\n      }}\n    >\n      <View\n        style={{\n          flex: 1,\n          alignItems: "center",\n          justifyContent: "center",\n        }}\n      >\n        <View style={{ flex: 3 }}>\n          <Text>Kay\xc4\xb1t Listesi</Text>\n        </View>\n      </View>\n    </SafeAreaView>\n  );\n}\nexport default App;\n\n

尝试使用 React Native expo go从资产文件夹中读取文件

import { Asset } from "expo-asset";
import * as FileSystem from "expo-file-system";
...
  const getFiles = async () => {
    const [{ localUri }] = await Asset.loadAsync(
      require("./assets/gpx/test.txt")
    );
    console.log("localUri", localUri);
    console.log(
      "readAsStringAsync",
      FileSystem.readAsStringAsync(localUri)
    );
...

file:///data/user/0/host.exp.exponent/cache/ExperienceData/%2540anonymous%252FExpoGeolocation-c1ebf94c-e515-4d59-bcb8-5d1f1ce948bf/ExponentAsset-5d41402abc4b2a76b9719d911017c592.txt

{"_A": null, "_x": 0, "_y": 0, "_z": null}