React Native:关于react自定义css属性的位置

毕竟react是中前端技术,所以对于UI是有要求的,骨架和层级设计完了,就该轮到样式出场了。参照:快速入门 -- React 中文文档 中的**"添加样式"**部分

起初我以为className需要加在被嵌套的组件里面,比如:

但这样是不对的,需要将其添加在原始的函数组件内,如下

还要将对应的css文件引入主文件:

这样一来效果就出来了

这个文件结构和属性位置明确之后,其他的语法和规则应该同传统的css一个样子了。

相关推荐
Live000001 小时前
在鸿蒙中使用 Repeat 渲染嵌套列表,修改内层列表的一个元素,页面不会更新
前端·javascript·react native
球球pick小樱花1 小时前
游戏官网前端工具库:海内外案例解析
前端·javascript·css
青青家的小灰灰9 小时前
迈向全栈新时代:SSR/SSG 原理、Next.js 架构与 React Server Components (RSC) 实战
前端·javascript·react.js
青青家的小灰灰9 小时前
透视 React 内核:Diff 算法、合成事件与并发特性的深度解析
前端·javascript·react.js
小霖家的混江龙10 小时前
从 0 到 1 实现一个 useState
前端·javascript·react.js
晓得迷路了10 小时前
栗子前端技术周刊第 118 期 - Oxfmt Beta、Angular GitHub stars、React 基金会...
前端·javascript·react.js
AAA阿giao1 天前
从零构建一个现代登录页:深入解析 Tailwind CSS + Vite + Lucide React 的完整技术栈
前端·css·react.js
昨晚我输给了一辆AE861 天前
为什么现在不推荐使用 React.FC 了?
前端·react.js·typescript
不会敲代码11 天前
深入浅出 React 闭包陷阱:从现象到原理
前端·react.js
不会敲代码11 天前
React性能优化:深入理解useMemo和useCallback
前端·javascript·react.js