Изображение флаттера не отображается из inte rnet с использованием Image.network

Question

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

//the main function of all flutter code
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

В режиме отладки расширение службы и несколько разрешений включены по умолчанию (во флаттере)

, так как вы находитесь в режиме релиза, вам нужно добавить inte rnet разрешение в androidmanifest. xml вручную. (Просто как вы добавляете его в собственную разработку)

перейдите к android -> app-> sr c -> main-> AndroidManifest. xml и добавьте эту строку вне области приложения.

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

Answer 2

Вы должны использовать конструктор 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')

Answer 3

Вы можете использовать в Container в вашем body, как это и обернуть Container с Center Widget

Container(
            height: 90,
            width: 90,
            decoration: BoxDecoration(   
              image: DecorationImage(
                image: NetworkImage("https://images.pexels.com/photos/462118/pexels-photo-462118.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500"),
                //whatever image you can put here
                fit: BoxFit.cover,
              ),
           ),
        ),