React Native Header View
made with React

React Native Header View

这是一个基于React多设计选型的完全自定义头部视图组件。

相关问答
暂无相关问题
查看全部
简介及使用教程

React Native Header View是一个基于React的头部视图组件。一个完全可自定义的Header View,具有针对React Native的多个设计选项。

安装

Npm

npm i @freakycoder/react-native-header-view

Yarn

yarn add @freakycoder/react-native-header-view

依赖

"react": ">= 16.x",
"react-native": ">= 0.55.x",
"react-native-vector-icons": ">= 6.6.0",
"react-native-dynamic-vector-icons": ">= x.x.x"
"@freakycoder/react-native-helpers": ">= 0.0.2",

使用

Gorgeous 头部视图部用法

import { GorgeousHeader } from "@freakycoder/react-native-header-view";

<GorgeousHeader onChangeText={(text) => console.log(text)} />;

Apple 头部视图部用法

import { AppleHeader } from "@freakycoder/react-native-header-view";

<AppleHeader />;

现代头部视图部用法

import { ModernHeader } from "@freakycoder/react-native-header-view";

<ModernHeader />;

示例

image.png

image.png

作者

Freaky Coder

@freakycodercom

相关项目

这是一个歌曲歌词搜索APP。
这是一个可定制和复用的React Native组件库。
这是一个是一个iOS,Android和React Native库。
这是一个用于自定义聊天应用程序的聊天API和SDK。
这是一个体重和卡路里跟踪应用。