利用tailwindgluestack-ui的默认配置

Question

我试图将gluestack添加到我的项目中，看来我无法正确配置它， 我遵循了安装指南（cli 并仔细检查了手册），但它似乎没有任何影响， 我想添加一个按钮

但似乎那些参数 size =“sm”variant =“solid”action =“primary”没有任何效果

那是我的gluestack-ui.config.json

{ "tailwind": { "config": "tailwind.config.js", "css": "global.css" }, "app": { "entry": "App.tsx", "components": "components/ui" } }

tailwind.config.js：

项目结构

Answer 1

确保您的 global.css 已正确导入到附加 GluestackUIProvider 的文件中。另外，检查 Tailwind 是否有权访问您应用样式的文件。

您可以在项目的 tailwind.config 文件中查看它

/** @type {import('tailwindcss').Config} */

// tailwind.config.js
module.exports = {
  content: [
    "./components/**/*.{html,js,jsx,ts,tsx}",
    "./app/**/*.{html,js,jsx,ts,tsx}",
  ],
// ..other entries
}