Nativescript: отображение изображения с использованием строки Base64 - PullRequest
0 голосов
/ 04 марта 2019

Я здесь сегодня, потому что у меня есть проблема с декодированием строки Base64 с помощью nativescript angular.

Итак, в моей ситуации, У меня есть просмотр списка изображений, вот так:

<GridLayout class="page page-content">
        <ListView [items]="Dogs" class="List">
            <ng-template let-item="item">
               <StackLayout class="Container"> 
                <Image class="Logo" src="{{item.img}}"></Image>                 
               </StackLayout>
            </ng-template>
        </ListView> 
   </GridLayout>

Здесь нет ничего особенного, это просто список для показа моих изображений.

Тогда в моей машинописи у меня есть такой массив:

Dogs = [{img: fromBase64('FirstBase64String')},{img: fromBase64('SecondBase64String')},{img= fromBase64('ThirdBase64String')}];

Но изображение не отображается , и у меня нет сообщения об ошибке.
Я также попробовал классический метод javascript, но она этого не делаетработа.

Так что вот мои вопросы:

Как я могу отображать мои изображения, используя мою Base64String?

Имейте в виду, что я должен использоватьListView, я знаю, Listview может быть проблематичным.
Но У меня нет выбора, кроме как использовать его.
Кроме того, Яна Android , не знаю, имеет ли это значение.

Спасибо.

1 Ответ

0 голосов
/ 05 марта 2019

Я создал образец детская площадка для вас.В моем html у меня есть вид списка, подобный этому.

<ListView class="list-group" [items]="countries" (itemTap)="onItemTap($event)"
        style="height:1250px">
        <ng-template let-country="item">
            <FlexboxLayout flexDirection="row" class="list-group-item">
                <Image [src]="country.img" class="thumb img-circle"></Image>
                <Label [text]="country.name" class="list-group-item-heading"
                    verticalAlignment="center" style="width: 60%"></Label>
            </FlexboxLayout>
        </ng-template>
    </ListView>

, и в моем машинописном тексте я передаю смесь кодированной строки64 и пути к изображению, а источник изображений {NS} обрабатывает ее автоматически.Тем не менее, если вы хотите поиграть с fromBase64 & loadFromBase64 , вы можете сослаться на этот SO post .

PS fromBase64 возвращает Promise, а loadFromBase64 возвращает логическое значение.

...