Question

我正在尝试实施FAB，但我不想使用标准的矢量图标。

我有一组设计的图标，采用文本格式。在下面的代码中，图标没有出现？

我的代码有什么问题？

import { StyleSheet, Text } from 'react-native';
import ActionButton from 'react-native-action-button';
import { getColor, getIcon } from '../../src/utils/Misc';

const ActButton = () => {
    return (
        <ActionButton buttonColor="">
        <ActionButton.Item style={styles.otherButton} title="New Task" onPress={()=> {}}>
        <Text style={styles.actionButtonIcon}>
            {getIcon('plus')}
        </Text>
        </ActionButton.Item>
    )
}

***此文本标记图标在其他视图中效果很好。但在这里它只是一个划掉的盒子..

getIcon代码段：

 import Icons from '../../res/values/icons.json';


export const getColor = name => {
   return Colors[name];
   };
 export const getIcon = name => {
 return Icons[name];
  };

Answer 1

如果它在其他视图中有效，但不适用于此...那么问题很可能是映射到您的资产。因此，您的问题很可能会在getIcon函数

中找到

文本标记图标内浮动操作按钮而不是矢量图标标记

1 个答案: