react-native学习记录------第三方组件ui的使用

效果1、第三方UI组件的官方文档：

AirbnbRating | React Native Elements

2、安装：（根据官网上的提示去安装）

npm install @rneui/themed @rneui/base

npm install @rneui/base@edge @rneui/themed@edge

npm install react-native-vector-icons

npx react-native link react-native-vector-icons

npm install react-native-safe-area-context

npx react-native link react-native-safe-area-context

3、使用：

测试下，能不能正常的使用：

import { Button } from '@rneui/base';

const App = () => {
  return <Button title="Hello World" />;
};

如果显示出来了按钮，就代表可以正常使用

4、使用例子

 一、评分

import { StyleSheet, Text, View } from 'react-native'
import React from 'react'
import { Button,AirbnbRating } from '@rneui/base';


export default function Mine() {
  return (
    <View>
      <Text>Mine

        <Button title="Hello World" />
      </Text>
      
      <AirbnbRating  size={20}/>

    </View>
  )
}

const styles = StyleSheet.create({
  
})

1、实际上只需要加一行代码：  <AirbnbRating  />   效果图如下：

2、其他参数说明：

 count表