Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React Native中的布局设计图标_Javascript_Reactjs_React Native_User Interface_Layout - Fatal编程技术网

Javascript React Native中的布局设计图标

Javascript React Native中的布局设计图标,javascript,reactjs,react-native,user-interface,layout,Javascript,Reactjs,React Native,User Interface,Layout,我在这方面没有什么经验。这就是为什么有人能推荐我如何制作这种屏幕?只是建议使用什么。我会自己做的。我想学习首先,你必须安装react原生向量图标,它需要链接 然后,如果您使用第三个UI库,如react native element,则可以这样使用它: import { Icon } from 'react-native-elements' <Icon name='ios-american-football' type='ionicon' color='#517fa4' /&g

我在这方面没有什么经验。这就是为什么有人能推荐我如何制作这种屏幕?只是建议使用什么。我会自己做的。我想学习

首先,你必须安装
react原生向量图标
,它需要链接

然后,如果您使用第三个UI库,如
react native element
,则可以这样使用它:

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

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

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;