Expo项目 使用Native base UI库

news/2024/7/15 18:42:34 标签: react native, react.js, javascript

装包:

yarn add native-base

expo install react-native-svg@12.1.1  

Index.js:

javascript">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>
  )
}

 

 

参考链接:

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

https://chat.xutongbao.top/


http://www.niftyadmin.cn/n/4934706.html

相关文章

并查集解决染色问题

题目传送门 解题思路&#xff1a; 倒着遍历染色区间&#xff0c;首先二分找出区间中第一个没有被染色的点&#xff0c;然后通过并查集枚举并merge所有没有被染色的点&#xff0c;merge操作为将点id连接到find(id)即可&#xff0c;这样每个点只会枚举一次&#xff0c;时间复杂度…

每期一个小窍门: go处理异常的一些小窍门

go设计者更偏向于C的error处理方式, 快速失败是更简单高效的 我们可以利用error接口和多返回值来实现异常传递 error可以利用变量来复用 等价判断 var outOfRangeError errors.New("number out of range") var unknownError errors.New("unknown type erro…

详解JAVA远程debug

目录 1.什么是远程debug&#xff1f; 2.远程debug普通JAVA程序 环境 测试程序 程序启动指令 编译器配置 3.远程debug JAVA Web程序 4.远程debug spring boot程序 1.什么是远程debug&#xff1f; 远程debug&#xff0c;也就是可以在本地debug远端部署的程序&#xff0c…

使用Matplotlib判断鼠标是否点击在当前线上的详细指南

系列文章目录 文章目录 系列文章目录前言一、导入必要的库二、创建图表和线条三、定义鼠标点击事件处理函数四、显示图表总结 前言 Matplotlib是一个强大的绘图库&#xff0c;用于在Python中创建各种类型的图表和可视化。本文将详细介绍如何使用Matplotlib来判断鼠标是否点击在…

PhotoShop学习笔记

PhotoShop学习笔记 对图像进行缩放拉伸自动选中像素相近的同一个区域分离图层的选中区域分离图层的非选中区域处理不自然的缝合痕迹 记录一些PhotoShop中用到的操作&#xff0c;主要是在处理AI图像时遇到的需求。 对图像进行缩放拉伸 CTRLT 自动选中像素相近的同一个区域 魔…

[Python进阶] 定制类:运算篇

4.10.4 运算篇 Python的类型系统是鸭子类型&#xff0c;也就是不检查某个具体的对象是什么类型&#xff0c;而是检查这个对象有没有相应的功能。在Python中有大量的魔术方法&#xff0c;我们可以通过魔术方法的方式为对象添加相应的功能。 下面介绍Python中和运算相关的魔术方…

redis的基础命令01

1、操作库的指令 1、清除当前库---flushdb 2、清除所有库---flushAll 2、操作key的指令 最常用的指令get、set 1&#xff09;set key value 2&#xff09;get key 基础指令 1、del 删除单个&#xff1a;del key 、批量删除&#xff1a;del key1 key2 key3 2、exists 判断key是否…

spring的aop动态代理对象注入时机

bean生命周期&#xff1a; bean实例化populateBean填充属性invokeAwareMethods调用aware方法postProcessBeforeInitialization后置处理器before方法initializeBean初始化beanpostProcessAfterAfterInitialization后置处理器after方法 代理对象注入有两种情况&#xff1a;提前和…