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

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

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

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

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

这样一来效果就出来了

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

相关推荐
Mr -老鬼10 小时前
功能需求对前后端技术选型的横向建议
开发语言·前端·后端·前端框架
@@小旭10 小时前
实现头部Sticky 粘性布局,并且点击菜单滑动到相应位置
前端·javascript·css
Irene199111 小时前
CSS 定位属性(relative、absolute、fixed、sticky)与实用技巧总结
css
疯狂踩坑人12 小时前
【React 19 尝鲜】第一篇:use和useActionState
前端·react.js
Blossom.11815 小时前
Transformer架构优化实战:从MHA到MQA/GQA的显存革命
人工智能·python·深度学习·react.js·架构·aigc·transformer
我的写法有点潮15 小时前
推荐几个国外比较流行的UI库(上)
前端·javascript·css
鹏多多15 小时前
jsx/tsx使用cssModule和typescript-plugin-css-modules
前端·vue.js·react.js
墨狂之逸才16 小时前
React Native Hooks 快速参考卡
react native
墨狂之逸才16 小时前
useRefreshTrigger触发器模式工作流程图解
react native
m0_5027249516 小时前
vue动态设置背景图片后显示异常
前端·css