在 React Native Expo 中使用多个样式表链接

Question

这是安提卡。几天前我开始学习编码，只熟悉 HTML/CSS/JS 和 React

的基础知识

开发者级别：初学者 项目类型和语言：我正在使用 React Native Expo 为自己开发一个学习计划应用程序。

问题 - 我主要以传统方式进行编程 - HTML、CSS 和 JS。并且最近转向了 React 和 Flutter 等高级语言。 如何在 react 原生项目中导入多个样式表列表，就像我们在 HTML 中所做的那样

这些是单独的 CSS 文件-

    <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/vendor/font-awesome.css">
    <link rel="stylesheet" href="assets/css/vendor/slick.css">
    <link rel="stylesheet" href="assets/css/vendor/slick-theme.css">
    <link rel="stylesheet" href="assets/css/vendor/base.css">
    <link rel="stylesheet" href="assets/css/plugins/plugins.css">
    <link rel="stylesheet" href="assets/css/style.css">

我正在为这个项目使用 Expo。

我还是 React Native 和 Expo 的新手，还在学习不同的特性和可能的​​语法。我可以使用我得到的任何帮助。

Answer 1

最好将 React Native 中的样式视为与 CSS 不同的动物。类似的语法，但不同的值（大部分），以及使用它们的方式有点不同。

在您的示例中，您正在导入要全局使用的所有样式，现在任何 html 都可以使用这些样式。

在 react 中，更常见的是在需要时获取所需的东西。

例如，如果我想要一个将文本变为红色的样式，我可以有一个类似的文件

//myStyles.js
export const MyStyles = StyleSheet.create({
  redText: {
    color: 'red',
  },
});

然后在任何你想使用的文件中redText

import {MyStyles} from "/path/to/myStyles"

//...other code
<Text style={MyStyles.redText}>this is red </Text>
//... other code