图像未使用 Image.network 从互联网上显示

Question

import 'package:flutter/material.dart';
import 'package:flutter/src/widgets/basic.dart';

void main() {
  runApp(
    MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.blueGrey,
        appBar: AppBar(
          backgroundColor: Colors.blueGrey[900],
          title: Text("I AM RICH"),
        ),
        body: Center(
          child:Image(
            image: NetworkImage('https://images.pexels.com/photos/462118/pexels-photo-462118.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500'),
          ),
      ),
    ),
     debugShowCheckedModeBanner: false,
    )
  );
}

Answer 1

在调试模式下默认启用服务扩展和多个权限（在flutter中）

当您处于发布模式时，您必须手动在 androidmanifest.xml 中添加互联网权限。（就像您在本机开发中添加它一样）

导航到 android-> app-> src-> main-> AndroidManifest.xml 并将此行添加到应用程序范围之外。

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

Answer 2

今天发生在我身上，我认为我的模拟器没有连接到互联网。如果您遇到此问题，请确保您使用的设备已连接到互联网。

Answer 3

您应该使用network构造函数。请更改此：

Image(
  image: NetworkImage('https://images.pexels.com/photos/462118/pexels-photo-462118.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500'),
)

对此：

Image.network('https://images.pexels.com/photos/462118/pexels-photo-462118.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500')