صور من الويب
جزء من قسم تطبيقك الأول في رحلة Flutter على Coddy. الدرس 27 من 32.
يعرض Image.network صورةً من عنوان ويب:
Image.network('https://picsum.photos/id/10/300/200')ينزّل التطبيق الصورة أثناء تشغيله، لذا قد تظهر بعد بقية الشاشة بلحظة. يحدّد width: عرض الصورة عند رسمها، ويُضبط ارتفاعها تبعًا لذلك للحفاظ على شكلها:
Image.network('https://picsum.photos/id/10/300/200', width: 150)تُستخدم Image.asset للصور المضمّنة في التطبيق نفسه. ستتعرّف عليها عندما تنشئ مشروعًا خاصًا بك.
التحدي
سهلاعرض هذه الصورة فوق التسمية التوضيحية، بوصفها العنصر الفرعي الأول في Column:
https://picsum.photos/id/237/300/200
جرّب بنفسك
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
body: Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Text('A good dog', style: TextStyle(fontSize: 24)),
],
),
),
),
);
}
}
يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس تطبيقك الأول
6الأيقونات والصور
الأيقوناتحجم الأيقونة ولونهاصور من الويبصور رمزية دائريةعناصر واجهة مستخدم من قائمةتدرّب بنفسك: مترجم Flutter عبر الإنترنت