如何将div添加到React Native?

2024-02-19

我刚刚开始我的反应本机应用程序并遇到了一些麻烦。我有一些反应经验,但这似乎没有多大帮助。文本周围的 div 应该是我的应用程序标题,所以我尝试对其进行样式设置,但由于某种原因它会抛出一个错误,指出无法识别?

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import Header from './components/Header';


class App extends React.Component {

return (
  <View style={styles.container}>
    
    <div>
    <Text>HELLO WORLD</Text>
    </div>
    
    
    <StatusBar style='auto' />
  </View>
);
}

const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});

Thanks


div 在react-native 中不存在。你应该使用View https://reactnative.dev/docs/view反而。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何将div添加到React Native? 的相关文章

随机推荐

  • NHibernate 防止延迟加载不匹配的引用

    我对 NHibernate 有很大的疑问 我有从 Table1 到 Table2 的引用 并且我希望 NHibernate 在 Table2 中找不到相应记录时 不要针对 Table2 发出 SELECT 语句 我不知道 要确保它实际上不在
  • Android:在服务类中读取NFC标签

    我正在开发一个应用程序 我需要读取存储在 NFC 标签中的数据 我所说的数据是指简单的整数值 例如 0 1 2 3 等 从 NFC 读取数据的功能在 Activity 类中工作正常 但我需要在后台运行应用程序 因此即使应用程序未在前台运行
  • 如何在 Microsoft Surface 上自动化非交互式测试

    我们有一套测试 本机库的测试用例 我们希望在 Microsoft Surface ARM 版本 上运行 从 Visual Studio 中手动完成此操作很容易 然而 我们希望以一种可以编译 安装 运行和收集命令行输出 例如来自 Jenkin
  • 未处理的异常:PlatformException(通道错误,无法在通道上建立连接。,null,null)

    突然这个错误出现在调试控制台中 我不知道我做错了什么 您已经升级了 Flutter 但没有升级软件包 在终端中输入 flutter pub outdated 然后将过时的软件包一一升级 如下所示 flutter pub upgrade ou
  • 为什么 Devise 的“current_user”在模型层不可用?

    有很多关于 Devise 的帖子以及缺乏在模型中使用的 current user 的可用性 这里和其他地方发布了许多解决方法 然而 我在任何帖子中都没有找到 为什么 的答案 这是安全问题吗 如果没有 为什么 由于您无权访问模型内 的会话变量
  • Java 构造函数重载

    我是 Java 新手 我无法理解构造函数问题 我已经看过很多教程 但我仍然很难理解为什么我们使用构造函数 无论如何 我的具体问题是 如果我错了 请纠正我 如果我想在我的类中添加多个构造函数 我将编写第一个 第二个将是int类型 在括号内 是
  • Android 离线请求与 Volley

    我想为我的用户提供更好的离线用户体验 因此 我想构建一个Service它存储所有POST DELETE PUT GET没有意义 因为GET没有网络的调用是缓存调用 用户离线执行的请求 并在用户获得互联网连接后立即将其发送到服务器 我希望它是
  • 生成 Google Hangouts 会议 URL

    我希望我的网站能够以编程方式生成环聊网址 这些网址可以转发给特定用户 以便他们加入同一会议 据我了解 这可以通过安排活动来实现Google Calendar 有没有办法在不依赖的情况下做同样的事情Google Calendar 意思是通过A
  • Java8 Stream 编译器消息——局部变量必须是final或有效final

    我有一个小问题 当我写这个 for 循环时 变量i在 f getAnswerScore get i 中带有下划线并带有错误消息 在封闭范围中定义的局部变量 i 必须是最终的或 实际上是最终的 这和流有关系吗 也许流不能在循环中使用 for
  • 我的 Enumerable 类不适用于 Linq 语句,例如 c# 中的 .where

    我希望能够将 Linq 的 where 语句与实现接口 IEnumerable 的 Books 类 Book 列表 一起使用 THE PROBLEM IS HERE IEnumerable list3 bookList Where n gt
  • Visual Studio 2010 Express 限制

    与付费版本相比 VS2010 C Express Edition 有哪些限制 我主要是在研究我可以构建什么样的应用程序 在 VS Express 中我只有 Console Winform 和 DLL 等选项 我读到可以为 Office 程序
  • 如何使用 Java 从 XSD 加载 XML 标签顺序?

    我有个问题 I QUESTION 有没有一种基于 Java 的库 我可以通过它 提前 读取 加载其 XSD 来检索 XML 元素的顺序 二 背景 我正在开发的应用程序应该生成各种类型的 XML 提要 每个 XML 都基于给定的架构 XSD
  • JQuery,setTimeout 不起作用

    我对 JQuery 还很陌生 在让我的 ajax 示例工作的过程中 我因 setTimeout 而陷入停滞 我已经把它分解到应该添加 的地方 每秒到div 相关代码在两个文件中 索引 html div Text div and myCode
  • ASP.NET MVC 路由在虚拟目录中不起作用

    我有一个 asp net mvc 2 应用程序 使用 net 4 0 在虚拟目录中托管时无法正确路由 我有以下简单的路由规则 routes MapRoute Default Route name action URL with parame
  • 如何在 Node.js 中创建附加 writeStream

    当前文档here http nodejs org api html fs writestream 152似乎没有提到任何控制流行为的参数 无论是每次重新创建文件还是只是附加数据 有没有办法创建一个附加数据的 writeStream 有一个创
  • IE 9 jQuery 不设置输入值

    我的问题很简单 我有一个输入文件字段 我想将其限制为仅通过 Jquery 接受 GIF 如果格式错误 请将输入值设置为空白 问题是 在 IE9 上 val 不起作用 有任何想法吗 我的 jQuery input type file chan
  • MSI 安装程序的可执行文件

    我有一个文件夹 其中包含两个 EXE 文件和许多其他文件 如何将其转换为 MSI 安装程序或某种自解压安装程序以便安装Main exe到 Windows 中的程序 第二个EXE文件是因为两个EXE文件之间的通信 我更希望它能够包含 桌面快捷
  • 转义字符串中的双引号

    如何在 Grails 中转义字符串中的双引号 string 12 10 On Going Submission of Made Up Samples 我尝试了很多方法 text artifact text encodeAsJavaScrip
  • 将变量传递给部分,rails 3?

    我有一个这样的循环 然后在我的中间部分 如何访问当前帖子 尝试这个 像这样你就会有一个局部变量post部分内可用
  • 如何将div添加到React Native?

    我刚刚开始我的反应本机应用程序并遇到了一些麻烦 我有一些反应经验 但这似乎没有多大帮助 文本周围的 div 应该是我的应用程序标题 所以我尝试对其进行样式设置 但由于某种原因它会抛出一个错误 指出无法识别 import StatusBar