NativeBase Snippets for VS Code是一款专为React Native开发者设计的强大工具,旨在简化和加速您的开发流程。通过提供一系列预设的代码片段,这款扩展能够帮助您快速构建基于NativeBase的React Native应用。
安装指南:
要安装此扩展,请启动命令面板(Ctrl Shift P或Cmd Shift P),输入“Extensions”,然后搜索“NativeBase Snippets”并安装。
支持的语言及文件扩展名:
代码片段列表:
以下是NativeBase Snippets扩展提供的所有可用代码片段:
前缀 | 组件名称及描述 |
---|---|
anatomy | Anatomy: 包含Header、Content、Footer的容器 |
badge | Badge: 数字指示器 |
button | Button: 按钮 |
card | Card: 灵活的、可扩展的内容容器 |
carddynamic | Dynamic Card: 用于垂直滚动列表的动态卡片 |
cardimage | Card Image: 带有下方图标的图片卡片 |
carditem | Card Item: 在卡片中列出项目 |
cardshowcase | Card Showcase: 带有下方文本和图标的图片卡片展示 |
checkbox | Checkbox: 从一组选项中选择多个项目 |
col | Col: 用于网格的列 |
container | Container: 包含所有其他组件的组件 |
content | Content: 屏幕的正文部分 |
decswiper | deckSwiper: 可滑动的卡片 |
fab | FAB: 浮动操作按钮 |
grid | Grid: 网格布局 |
h1 | H1: 字体大小为27的标题标签 |
h2 | H2: 字体大小为24的标题标签 |
h3 | H3: 字体大小为21的标题标签 |
header | Header: 屏幕的导航栏 |
icon | Icon: 图标 |
icontextbox | Icon Textbox: 带有图标的文本框 |
image | Image: 图片 |
list | List: 列表 |
listavatar | List Avatar: 带有列表项的图标大小的图像 |
listdynamic | Dynamic List: 用于垂直滚动列表的动态列表 |
listicon | List Icon: 带有列表项的图标 |
listitem | ListItem: 定义列表项 |
listthumbnail | List Thumbnail: 带有列表项的缩略图大小的图像 |
picker | Picker: 选择器 |
radio | Radio Button: 单选按钮 |
regulartextbox | Regular Textbox: 矩形文本框 |
roundedtextbox | Rounded Textbox: 带有圆角的文本框 |
row | Row: 网格中的行 |
searchbar | Searchbar: 搜索栏 |
spinner | Spinner: 加载指示器 |
tabs | Tabs: 用于标签导航的组件 |
text | Text: 文本 |
textbox | Textbox: 文本框 |
thumbnail | Thumbnail: 缩略图 |
underlinedtextbox | Underlined Textbox: 仅有底部边框的文本框 |
祝您编码愉快!
本站所有资源都是由网友投稿发布,或转载各大下载站, 请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则 产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:study_golang@163.com