2016-10-12 18 views
1

これで外部リソースから画像を読み込もうとしています。 私のweb apiがjsonをNativecriptアプリに返します。外部ソースからの画像をNativescriptに読み込む

私のNativescriptコードでは、自分のapiから取得したjsonを解析して、手動でビューを構築します。すべてがうまく動作しますが、イメージ部分です。画像については

、私はこの道を進みます

var image = new imageModule.Image() 
image.src = page.bindingContext.news.getItem(args.index).image_original_link 

は、私はにaddChildを通じて、私のレイアウトに取り付けます。

私はまた、XMLテンプレートを通してそれを実行しようとしました、と私は同じ問題を抱えている:

<Image src="https://www.google.com/images/errors/logo_sm_2.png" stretch="none" /> 

この - ^がレンダリングされることはありません。

私は私のローカルディレクトリにある画像でURLを交換する場合:

image.src = "~/images/foo.png" 

そして、それは完璧に動作します。

私の配列から取り出した動的なソースurlをイメージへの静的なリンクで置き換えようとしましたが、アクセスされませんでした(上記のイメージを提供するウェブサーバーのログを調べました)。

私は間違っていますか?

編集:

  • 私はすでに私のplistの中で、以下の持っているiOSの
  • でテストしています:

    NSAppTransportSecurity NSAllowsArbitraryLoads実際

+0

あなたは、このアプリケーションのテストをしていますか?最新のiOSでは、httpはデフォルトで禁止されています:http://stackoverflow.com/questions/30731785/how-do-i-load-an-http-url-with-app-transport-security-enabled-in-ios-9 –

+0

@NikolayTsonev done!私はポストの一番下に情報を追加しました。あなたが他のものを必要とするかどうか教えてください:) – Dailyrox

+0

Android用のhttps://www.npmjs.com/package/nativescript-fresco {N}プラグインをご覧ください。これはよく知られているFrescoライブラリを使用して、 OSのメモリ。 –

答えて

3

Oをあなたは画像コントロールの高さ/幅を設定する必要があります。あなたがNativeScriptのV2.30を使用している場合、バグがご両親「色」を設定した場合、それは画像まで伝播し、画像が表示されないことがありますがありまた

<Image src="https://www.google.com/images/errors/logo_sm_2.png" stretch="none" width="100" height="100"/> 

:ような何かをやってみてください。修正するには、すべての親から「色」を削除するか、2.4にリリースするか、リリースするまで@nextに変更してください。

+0

ありがとう!ここに問題へのリンクがあります:https://github.com/NativeScript/NativeScript/issues/2671推奨されていること(次のバージョンへのアップグレード)は問題を解決しました。 – Dailyrox

関連する問題