小编Xoy*_*yce的帖子

我试图在Nativescript应用程序中使用图标字体FontAwesome,这可以根据这篇文章https://www.nativescript.org/blog/mobile-app-best-practices---use-font-instead-of-image -to-显示-的图标

我做了那篇文章中描述的所有内容:

• 在app/fonts中添加.ttf

• 在app.css中添加了类

  .fa {font-family:"FontAwesome"; }

• 像这样在XML中使用它

  文本= "" 类= "FA"

但结果令人失望:

我也尝试了"\ uf230"语法,但是它呈现为纯文本.

我究竟做错了什么？

我试图在我的视图中显示并将base64图像绑定为ImageSource,但它根本没有显示.我在文档中找不到任何有用的信息..我做错了吗？

imageSource是应该保存Image src数据的属性.

这是视图:

<Page loaded = "loaded" xmlns = "http://schemas.nativescript.org/tns.xsd" >
    <StackLayout>
        <TextField hint = "String for encoding!" text = "{{ message }}" />
        <Button  tap = "{{ onGenerateQrTap }}" text = "Generate QR" class = "button" />
        <Image src = "{{ imageSource }} " />
    </StackLayout>
</Page>

这是View背后的代码:

import { Page } from 'ui/page';
import { EventData } from 'data/observable';
import { QrGeneratorViewModel } from '../../ViewModels/QrGeneratorViewModel';
import { Button } from 'ui/button';
import { Image } from 'ui/image'; …

我对 Nativescript 事件处理有点困惑。我正在使用明确分离代码隐藏和视图模型的打字稿，并且我试图将 itemTap 属性绑定到视图模型方法（就像在https://github.com/NativeScript/template-hello-world 中显示的示例中一样-ts/blob/master/main-view-model.ts）。

XML：

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" loaded="pageLoaded" class="page">
  <StackLayout>
    <ListView items="{{ items }}" itemTap="onItemTapped">
      <ListView.itemTemplate>
        <Label text="{{ Name }}"/>
      </ListView.itemTemplate>
    </ListView>
  </StackLayout>
</Page>

代码隐藏：

import { EventData } from 'data/observable';
import { Page } from 'ui/page';
import { EditItemViewModel } from '../../ViewModels/EditItemViewModel';

export function navigatingTo(args: EventData) {
    let page = <Page>args.object;
    page.bindingContext = new EditItemViewModel();
}

视图模型：

import { Observable } from 'data/observable';
import { ObjectRelationalMapper } from '../Common/Data'
import { WebServiceDataManager …