Flutter Projemizde Markdown Kodları Kullanalım

uzaylgen · 30 Kas 2022

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

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ı

Flutter Projemizde Markdown Kodları Kullanalım

uzaylgen

Katılımcı Üye

Sosyal medya sayfalarımız