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

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

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

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

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

这样一来效果就出来了

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

相关推荐
明仔的阳光午后31 分钟前
React 入门 02:从单页面应用到多页面应用
前端·react.js·前端框架
.生产的驴34 分钟前
React 页面路由ReactRouter 路由跳转 参数传递 路由配置 嵌套路由
前端·javascript·react.js·前端框架·json·ecmascript·html5
苏卫苏卫苏卫37 分钟前
【码源】智能无人仓库管理系统(详细码源下~基于React+TypeScript+Vite):
前端·react.js·typescript·vite·项目设计·智能无人仓库管理系统·码源
listhi5208 小时前
利用React Hooks简化状态管理
前端·javascript·react.js
华仔啊9 小时前
这个Vue3旋转菜单组件让项目颜值提升200%!支持多种主题,拿来即用
前端·javascript·css
天才测试猿11 小时前
Selenium定位元素的方法css和xpath的区别
css·自动化测试·软件测试·python·selenium·测试工具·测试用例
嘗_13 小时前
手写自己的小型react
前端·javascript·react.js
洞窝技术13 小时前
前端开发APP之跨平台开发(ReactNative0.74.5)
android·react native·ios
光影少年13 小时前
React Native 第三章
javascript·react native·react.js
社恐的下水道蟑螂13 小时前
前端小彩蛋:纯 CSS 实现情侣小球互动,甜到齁的代码我扒下来了
css