react-native icon使用方式

Z时代
2024-01-10
分类：综合

react

为什么80%的码农都做不了架构师？>>>

用的是antd官方带的antd icon组件,

组件中的代码是这样写的:

/**
 * Created by apple on 2017/12/30.
 */
import React from 'react';
import { Icon, Grid } from 'antd-mobile';
const list = [
  'check-circle', 'check', 'check-circle-o',
  'cross-circle', 'cross', 'cross-circle-o',
  'up', 'down', 'left',
  'right', 'ellipsis',
];
export default class IConDemo extends React.Component<any, any> {
  componentDidMount(){
    console.log('icon render')
  }
  render() {
    const data = list.map(item => ({
      icon: (<Icon type={item} />),
      text: item,
    })).concat([{
      icon: (<Icon type={'\ue601'} size={55} color="red" />),
      text: 'Customized',
    }]);
    return (
      <Grid data={data} columnNum={3} hasLine={false} />
    );
  }
}