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

Posted 2023-03-14

【中文标题】文本标签图标在浮动操作按钮内，而不是矢量图标标签

【英文标题】：Text tag icon Inside floating Action Button instead of vector icons tag

【发布时间】：2017-09-27 08:26:25

【问题描述】：

我正在尝试实现 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 代码 sn-p:

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


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

【问题讨论】：

你能粘贴getIcon代码sn-p吗？

【参考方案1】：

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