Herkese merhaba, bu konumuzda Flutter projemizde Markdown kodlarını nasıl kullanırız
onu anlatmaya çalışacağım. Keyifli okumalar
Markdown Nedir?
Kısaca Markdown, 2004 yılında geliştirilen bir yazım formatıdır.
Kendi syntax'ı vardır ve yazılan kodu HTML'e çevirir
Markdown kodları yazarken HTML etiketleri vb. kullanmayız.
Projemize Dönecek Olursak
Pub.dev sitesinden paketimizi kuralım
Ardından projemizdeki pubspec.yaml dosyamıza ekleyelim
Daha sonra projemize import edelim
Artık Projemizde Kullanalım
Önce projede Markdown kodumuzu tutan bir değişken tanımlayalım
Bu değişkeni projede kullanalım
Kodların çıktısı
onu anlatmaya çalışacağım. Keyifli okumalar
Markdown Nedir?
Kısaca Markdown, 2004 yılında geliştirilen bir yazım formatıdır.
Kendi syntax'ı vardır ve yazılan kodu HTML'e çevirir
Markdown kodları yazarken HTML etiketleri vb. kullanmayız.
Projemize Dönecek Olursak
Pub.dev sitesinden paketimizi kuralım
Ardından projemizdeki pubspec.yaml dosyamıza ekleyelim
Daha sonra projemize import edelim
Kod:
import 'package:flutter_markdown/flutter_markdown.dart';
Artık Projemizde Kullanalım
Önce projede Markdown kodumuzu tutan bir değişken tanımlayalım
Makefile:
String mdContent = '''
# Html h1 formatında
## Html h2 formatında
> alıntı
```python
ort = input('Ortalamanızı Girin : ')
if(int(ort)>=50):
print("Geçtiniz")
else:
print("Kaldınız")
```
''';
Bu değişkeni projede kullanalım
JavaScript:
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
body: Markdown( // kurulan paketi burada çağırıp
data: mdContent, // "data" kısmına değişkenimizi veriyoruz.
),
);
}
Kodların çıktısı