React Native 中的布局设计图标

Question

我在 React Native 方面的经验很少。所以这就是为什么有人可以推荐我如何做这种屏幕？只是建议使用什么。我会自己做。我要学习

Answer 1

首先，你必须安装react-native-vector-icons，它需要链接。

那么如果你使用第三个 UI 库，比如react-native-eleemnt，你可以这样使用它：

import { Icon } from 'react-native-elements'

<Icon
  name='ios-american-football'
  type='ionicon'
  color='#517fa4'
/>

它有很多图标。你可以选择一种类型。

它还支持自定义图标字体。我使用这个site 来获取用于创建字体的字体资源。那么你可以使用下面的代码来创建一个自定义图标。

import React from 'react';
import {createIconSet,createIconSetFromFontello} from 'react-native-vector-icons';
const CustomFontConfig =  require('../Config/CustomFontConfig.json');
const iconSet = createIconSetFromFontello(CustomFontConfig,'fontello');

export default iconSet;