React Native双平台 (android material风格)！！！！

最新推荐文章于 2025-10-18 05:55:10 发布

转载最新推荐文章于 2025-10-18 05:55:10 发布 · 1.5k 阅读

Android笔记专栏收录该内容

23 篇文章

订阅专栏

介绍了一个名为react-native-material-kit的开源库，此库提供了一系列Android Material Design风格的UI组件，适用于React Native应用程序。通过简单的配置即可实现美观且功能丰富的按钮等元素。

前言：无意中在github上面看到了一个很6的开源库react-native-material-kit，看名字就知道是一个android程序员写出来的哈～～start跟fork的人很多额，于是仔细看了一下内容，哇哦，此大牛不得了哈（看代码注释都是英文，我一开始还以为是外国的大牛，结果点进去发现是国牛啊），果断follow啊！

先附上项目库的github链接：https://github.com/xinthink/react-native-material-kit

库中有android material风格的大部分内容：

Button:

这里写图片描述

使用方法也是灰常简单：

const CustomButton = new MKButton.Builder()
  .withBackgroundColor(MKColor.Teal)
  .withShadowRadius(2)
  .withShadowOffset({width:0, height:2})
  .withShadowOpacity(.7)
  .withShadowColor('black')
  .withOnPress(() => {
    console.log('hi, raised button!');
  })
  .withTextStyle({
    color: 'white',
    fontWeight: 'bold',
  })
  .withText('RAISED BUTTON')
  .build();

...
<CustomButton />