Expo项目 使用Native base UI库

这篇具有很好参考价值的文章主要介绍了Expo项目 使用Native base UI库。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

装包:

yarn add native-base

expo install react-native-svg@12.1.1  

Index.js:

import React from 'react'
import { View, Text } from 'react-native'
import useList from './useList'
import { NativeBaseProvider, Button, Box } from 'native-base'
import styles from './styles'

export default function Home(props) {
  const { title } = useList(props)

  return (
    <View style={styles.mMeTabsWrap}>
      <Text>123</Text>
      <NativeBaseProvider>
        <Button onPress={() => console.log('hello world')}>Click Me</Button>
        <Box>Hello world</Box>
      </NativeBaseProvider>
    </View>
  )
}

 Expo项目 使用Native base UI库,web前端,react native,react.js,javascript

 

参考链接:

https://docs.nativebase.io/install-expo

https://chat.xutongbao.top/文章来源地址https://www.toymoban.com/news/detail-644624.html

到了这里,关于Expo项目 使用Native base UI库的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • 创建react native项目的笔记

    创建react native项目的笔记

    本项目适用于react native@0.72 react@18.2 添加 npm install react-native-gesture-handler ##接入第三支付 https://open.weixin.qq.com/

    2024年02月12日
    浏览(12)
  • React Native 集成到iOS原有的项目上

    React Native 集成到iOS原有的项目上

    集成到现有原生应用 把 React Native 组件集成到 iOS 应用中有如下几个主要步骤: 配置好 React Native 依赖和项目结构。 了解你要集成的 React Native 组件。 使用 CocoaPods,把这些组件以依赖的形式加入到项目中。 创建 js 文件,编写 React Native 组件的 js 代码。 在应用中添加一个RC

    2024年02月12日
    浏览(11)
  • 探索React Native认证实战示例项目:打造安全的移动应用体验

    项目地址:https://gitcode.com/hezhii/react-native-auth-example 在移动开发领域,React Native以其跨平台和高效性能而备受青睐。如果你正在寻找一个直观的、基于React Native的身份验证实现示例,那么这个项目—— react-native-auth-example ,将会是你的理想之选。 react-native-auth-example 是一个简单

    2024年04月27日
    浏览(17)
  • React Native Camera的使用

    React Native Camera是一个用于在React Native应用中实现相机功能的库。它允许你访问设备的摄像头,并捕获照片和视频。 安装 安装完成后,你需要链接React Native Camera库到你的项目中。可以使用以下命令进行链接: 安装和链接完成后,你需要在你的代码中导入React Native Camera库:

    2024年02月13日
    浏览(10)
  • React Native Maps的使用

    React Native Maps是一个用于在React Native应用中显示地图的库。它提供了许多功能,如显示地图、标记位置、绘制多边形等。以下是React Native Maps的使用步骤: 首先,你需要在你的React Native项目中安装React Native Maps库。可以使用以下命令进行安装: 安装完成后,你需要链接React N

    2024年02月13日
    浏览(12)
  • 重启React Native老项目的奇幻之旅:填坑实录与解决方案分享

    重启React Native老项目的奇幻之旅:填坑实录与解决方案分享

    这两天为了重启五年前基于 React Native(版本 0.59.9)开发的老项目,经过各种填坑查询等操作,最终把它成功地运行起来了。 在这篇文章中,我将详述那些遭遇的挑战以及对应的解决方案,以期为同样面临此类困境的开发者提供宝贵的经验参考。 这个项目涉及到的环境基本版

    2024年04月16日
    浏览(11)
  • React Native Vector Icons的使用

    React Native Vector Icons是一个用于在React Native应用中使用矢量图标的库。它提供了许多常见的图标集,如FontAwesome、Ionicons等。 首先,你需要在你的React Native项目中安装React Native Vector Icons库。可以使用以下命令进行安装: 安装完成后,你需要链接React Native Vector Icons库到你的项目

    2024年02月13日
    浏览(13)
  • react-native-clipboard/clipboard使用

    Install the library using either Yarn: or npm: or

    2024年02月08日
    浏览(9)
  • react-native-gesture-handler 手势的使用

    要在React Native项目中使用react-native-gesture-handler,可以按照以下步骤进行设置: 1、首先,在你的React Native项目中安装react-native-gesture-handler。可以使用npm或者yarn命令来安装: 或者 2、安装完成后,需要链接react-native-gesture-handler到你的原生代码。运行以下命令: 3、接下来,在

    2024年02月11日
    浏览(10)
  • react native在windows环境搭建并使用脚手架新建工程

    react native在windows环境搭建并使用脚手架新建工程

    截止到2024-1-11,使用的主要 软件的版本 如下: 软件实体 版本 react-native 0.73.1 react 18.2.0 react-native-cli 2.0.1 Android Studio 2022.3.1 Patch3 Android SDK Android SDK Platform 33 34 Android SDK Android SDK Tools 33 34 Android SDK Intel x86 Atom_64 System Image Android SDK Google APIs Intel x86 Atom System Image node 20.10.0 yarn 1.

    2024年02月02日
    浏览(14)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包