Блог

как использовать оба круга в векторных значках react native.

 <i class="fas fa-circle"></i> solid circle.

<i class="far fa-circle"></i> regular circle.
 

Изображение FontAwesome5Icons

 import FontAwesome5Icon from 'react-native-vector-icons/FontAwesome5';

Solid Circle<FontAwesome5Icon name="?" color={"#a65347"} size={20} solid />
Regular Circle<FontAwesome5Icon name="?" color={"#a65347"} size={20} solid />
 

Пожалуйста, посетите каталог значков react-native-vector, в котором содержатся все имена и шрифты, которые реализуют значки react-native-vector.

Используйте circle в качестве имени для сплошного круга и без значка для обычного в FontAwesome5.

Но вы можете использовать FontAwesome и использовать circle-o and circle как для обычного круга, так и для сплошного круга.

вы можете импортировать их оба следующим образом:

 import {default as FontAwesome5} from 'react-native-vector-icons/FontAwesome5';
import {default as FontAwesome} from 'react-native-vector-icons/FontAwesome';
 

Если вы используете векторные значки react-native, то имена значков должны использоваться так, как указано в их каталоге значков

В вашем случае имена-круг, круг-о или тонкий круг в разделе FontAwesome (взяты из каталога react-native-векторные иконки).

Вы можете сделать следующее, чтобы реализовать:

 import FontAwesomeIcon from 'react-native-vector-icons/FontAwesome';

Solid Circle<FontAwesomeIcon name="circle" color={"#a65347"} size={20} />
Regular Circle<FontAwesomeIcon name="circle-o" color={"#a65347"} size={20} />