Skocz do zawartości

Znajdź zawartość

Wyświetlanie wyników dla tagów 'flutter' .



Więcej opcji wyszukiwania

  • Wyszukaj za pomocą tagów

    Wpisz tagi, oddzielając je przecinkami.
  • Wyszukaj przy użyciu nazwy użytkownika

Typ zawartości


Forum

  • Społeczność android.com.pl
    • Regulaminy Forum
    • Przywitaj się!
    • Android.com.pl
    • Konkursy
    • OFF-Topic
  • Android
    • Nowości i plotki
    • FAQ Android
    • Android 9.0 Pie
    • Android 8.0 Oreo
    • Android 7.0 Nougat
    • Android 6.0 Marshmallow
    • Android 5.0 Lollipop
    • Android 4.4 KitKat
    • Archiwum Android
    • Software PC
  • Gry i Aplikacje
    • Aplikacje Android
    • Gry Android
    • Poszukiwania gier i aplikacji
    • Porównania gier i aplikacji
    • Android Wear - Smartwatch
    • Modyfikacje Wizualne
    • Download
    • Multimedia
  • Co i gdzie kupić?
    • Zakupy w Chinach
    • Co kupić
    • Operatorzy Sieci Komórkowej
    • Serwisy GSM
    • Sklepy
  • Programowanie
    • Tutoriale
    • Miejsce dla początkujących
    • Dyskusja ogólna/nowości
    • Kotlin
    • Design
    • Algorytmika
    • Framework
    • Środowisko programistyczne oraz języki programowania
    • Kariera
    • Praca oraz zlecenia dla programistów
  • Modyfikacje Android OS
    • Dział dla Developerów
    • Moduły XPOSED
    • Poradniki, modyfikacje Android OS
    • Pomoc Techniczna, Dyskusja Ogólna
    • Szukam modyfikacji
  • Elektronika
    • SmartWatch / SmartBand
    • Akcesoria
    • Telewizory
    • Komputery i laptopy
    • Systemy operacyjne
    • Radia samochodowe
    • Android w innych urządzeniach
    • Pozostała elektronika
  • Honor
    • Forum Honor
    • Honor 10
    • Honor 9
    • Honor 8
    • Honor 7
    • Pozostałe Honor
    • Archiwum Honor
  • Google
    • Forum Google
    • Huawei Nexus 6P
    • LG Nexus 5X
    • Motorola Nexus 6
    • LG Nexus 5
    • LG Nexus 4
    • Pozostałe Google
    • Archiwum Google
  • HTC
    • Forum HTC
    • HTC U11
    • HTC 10
    • HTC One (M9)
    • HTC One (M8)
    • HTC Desire 820
    • Pozostałe HTC
    • Archiwum HTC
  • LG
    • Forum LG
    • LG - Tablety
    • LG V30
    • LG G7
    • LG G6
    • LG G5 (H850)
    • LG V10 (H960)
    • LG G4 (H815, H818)
    • LG G3 (D855)
    • LG G2 (D802)
    • LG K10 (K420N, K430ds)
    • LG G3 S ( D722v, D722)
    • LG G2 Mini (D620)
    • LG Spirit 4G LTE (H440, H440y, H440n)
    • Pozostałe LG
    • Archiwum LG
  • Samsung
    • Forum Samsung
    • Samsung - Tablety
    • Samsung Galaxy S9+
    • Samsung Galaxy S9
    • Samsung Galaxy S8 + (SM-G955F)
    • Samsung Galaxy S8 (SM-G950F)
    • Samsung Galaxy S7 Edge (SM-G935F)
    • Samsung Galaxy S7 (SM-G930F)
    • Samsung Galaxy S6 Edge+ (SM-G928F)
    • Samsung Galaxy S6 Edge (SM-G925F)
    • Samsung Galaxy S6 (SM-G920F)
    • Samsung Galaxy S5 (SM-G900F)
    • Samsung Galaxy Note 9
    • Samsung Galaxy Note 8
    • Samsung Galaxy Note 5 (SM-N920)
    • Samsung Galaxy Note 4 (SM-N910)
    • Samsung Galaxy Note 3 (SM-N9005)
    • Samsung Galaxy S5 Mini (SM-G800F)
    • Samsung Galaxy S4 Mini (GT-I9190, I9192, I9195)
    • Samsung Galaxy A5 2017 (SM-A520F)
    • Samsung Galaxy A5 2016 (SM-A510)
    • Samsung Galaxy A3 2016 (SM-A310)
    • Samsung Galaxy A5 (SM-A500F/FU)
    • Samsung Galaxy A3 (SM-A300H/DS/HQ)
    • Samsung Galaxy J5 2016 (SM-J510F, SM-J510FN)
    • Samsung Galaxy J5 (SM-J500F, SM-J500FN)
    • Pozostałe Samsung
    • Archiwum Samsung
  • Sony
    • Forum Sony
    • Sony - Tablety
    • Sony Xperia XZ (F8331)
    • Sony Xperia Z5 (E6603, E6653)
    • Sony Xperia Z5 Compact (E5803, E5823)
    • Sony Xperia Z3 (D6603, D6643, D6616)
    • Sony Xperia Z3 Compact (D5803, D5833)
    • Sony Xperia Z2 (D6502, D6503, D6543)
    • Sony Xperia M5 (E5603)
    • Sony Xperia M2/M2 Dual (D2303, D2305, D2306) / (D2302)
    • Pozostałe Sony (SE)
    • Archiwum Sony
  • Motorola
    • Forum Motorola
    • Motorola Moto G5/G5+
    • Motorola Moto G4/G4+
    • Motorola Moto X Play
    • Moto X Style
    • Motorola Moto G 3rd (2015)
    • Motorola Moto G (2014)
    • Motorola Moto G
    • Pozostałe Motorola
    • Archiwum Motorola
  • Huawei
    • Forum Huawei
    • Huawei - Tablety
    • Huawei P20 Pro
    • Huawei P20
    • Huawei P10
    • Huawei P9
    • Huawei Mate 20 Pro
    • Huawei Mate 20 Lite
    • Huawei Mate 10 Pro
    • Huawei Mate 10 Lite
    • Huawei P9 Lite 2017
    • Huawei P10 lite
    • Huawei P9 Lite
    • Huawei P8 Lite
    • Huawei Mate 9
    • Pozostałe Huawei
    • Archiwum Huawei
  • Xiaomi / MIUI
    • Forum Xiaomi
    • Xiaomi Mi A1
    • Xiaomi Mi6
    • Xiaomi Mi5 (5s / 5s Plus)
    • Xiaomi Mi4 (Mi4 / Mi4i / Mi4c / Mi4s)
    • Redmi 4 (Pro/4A/X)
    • Xiaomi Redmi 3 (3 / 3 PRO / 3S)
    • Redmi Note 4 (MTK / X)
    • Redmi Note 3 (MTK / PRO / SE)
    • Pozostałe Xiaomi
    • Archiwum Xiaomi
  • OnePlus
    • Forum OnePlus
    • OnePlus 6T
    • OnePlus 6
    • OnePlus 5T - A5010
    • OnePlus 5
    • OnePlus 3T
    • OnePlus 3 - A3003
    • OnePlus One - A0001
    • Pozostałe modele - OnePlus
  • Lenovo
    • Lenovo - Tablety
    • Lenovo P2
    • Lenovo K6 Note
    • Lenovo K3/K3 Note
    • Lenovo K5/K5 Plus
    • Pozostałe Lenovo
    • Archiwum Lenovo
  • Asus
    • Forum Asus
    • ZenFone 5 (A501CG)
    • ZenFone 2 (Z00AD)
    • Asus Eee Pad Transformer TF300
    • Pozostałe Asus
    • Archiwum Asus
  • myPhone
    • MyPhone Luna
    • myPhone Next
    • myPhone FUN
    • myPhone Cube
    • Pozostałe myPhone
  • Pozostałe marki
    • Nokia
    • Alcatel
    • GoClever
    • Overmax
    • Pentagram
    • Prestigio
    • Kazam
    • Kiano
    • Kruger & Matz
    • Lark
    • Manta
    • Meizu
    • Oppo
    • ZTE
    • Inne
    • Archiwum pozostałe marki
    • Pozostałe tematy
  • Pozostałe Tablety Android OS
  • Tablety z Android OS
  • Archiwum Pozostałe Telefony z Android OS

Szukaj wyników w...

Znajdź wyniki, które...


Data utworzenia

  • Od tej daty

    Do tej daty


Ostatnia aktualizacja

  • Od tej daty

    Do tej daty


Filtruj po ilości...

Znaleziono 2 wyniki

  1. Czy Waszym zdaniem Flutter ma sens? Ktoś z niego już korzystał? Chciałbym usłyszeć opinię osoby, która coś więcej w nim zrobiła Czy zaproponowalibyście go w swojej pracy?
  2. Coders Lab

    Flutter - aplikacja lista

    Słów kilka na temat Fluttera i list, czyli androidowego standardu Lista? Aplikacja z listą? Brzmi cudownie! Jak wiele aplikacji znasz, w których nie znajduje się lista? Około 90% aplikacji posiada przynajmniej jedną listę na swoim pokładzie. Celowo mówię o liście, a nie o ListView ponieważ RecyclerView też może pełnić funkcję listy. Skoro tutaj jesteś to zakładam, że wiesz czym jest jest Flutter, prawda? Dla przypomnienia “narzędzie do tworzenie natywnych interfejsów na urządzenia z systemem android i iOS” - pamiętałeś, prawda? Będziemy powoli zagłębiać się w temat, jeśli któryś moment przestanie być dla Ciebie jasny zawsze może mnie zapytać o dane zagadnienie oznaczając mnie przy swoim pytaniu pod tym artykułem. Lecimy! Niezależnie czego używasz do pisania (Visual Code / Android Studio) nie powinieneś napotkać na większych problemów z wykonaniem tego zadania. Ustalmy jaką strukturę będzie miał UI, który zaraz stworzysz: Strona (Page) Lista (List) Element listy (Item) Tekst Grafika Tekst Ok, to teraz do dzieła! Utwórz nowy projekt, jeśli wszystko pójdzie dobrze to Twoim oczom ukaże się domyślny kod z ekranem posiadającym jeden przycisk oraz pole z tekstem na środku ekranu. Skasuj wszystko co znajduje się w klasie MyApp. Zaraz sam napiszesz tam swój kod, którego znaczenie będziesz rozumiał. Możemy też zmienić nazwę tej klasy, proponuję “TutorialApp”. Jak zapewne już zauważyłeś musisz nadpisać metodę build(). Tylko po co? Czemu ona służy? Śpieszę z odpowiedzią na to pytanie. Jest to “element wyjścia” tego co tworzysz. Jeśli spróbujesz uruchomić teraz ten kod to uzyskasz informację o błędzie wyświetlaną w mało elegancki sposób na ekranie emulatora/symulatora. Aby pozbyć się tego błędu powinieneś sprawić, by funkcja ta zwracała np. MaterialApp - ponieważ rozszerza ono o Widget. Jak widzisz MaterialApp przyjmuje dwa argumenty “title” oraz “home”. W “title” wpisz nazwę swojej aplikacji, w home możesz teraz wpisać np. Text(“Witaj świecie!”). Sprawdź teraz jak wygląda to co do tej pory stworzyliśmy, sądzę że efekt Cię zaskoczy. Wiem, że to co się dzieje może być nieco przerażające, ale zaraz załapiesz o co w tym chodzi. Teraz sprawisz, że tekst który się pokazał po zabiegach dokonanych do tej pory pojawi się na środku ekranu. Aby to zrobić musisz na chwilę pozbyć się naszego cudownego tekstu wpisanego w polu “home”, a w jego miejsce wpisz “Center”. Center posiada pole “child”, w jego wartości ustaw Text(“Ziemia nie jest płaska”) i sprawdź efekt na urządzeniu. Teraz sprawisz, że interfejs który tworzysz nabierze nieco świeższego wyglądu - a przynajmniej będzie jaśniejszy. Aby to zrobić znowu musimy zmodyfikować napisany już kod, a dokładniej w miejsce “home” w “MaterialApp” wstaw “Scaffold”, tekst przenieść do pola “body” w “Scaffold”. Teraz pozostało sprawdzić jaki efekt otrzymałeś. Udało Ci się uzyskać coś co nie powoduje już totalnego załamania gdy patrzysz na urządzenie. Brawo! Teraz dodasz do aplikacji pasek z jej nazwą. Aby to zrobić ustaw w polu “appBar” w “Scaffold” “AppBar”. “AppBar” posiada pole “title”, wpisz tam “Text(“Aplikacja lista”)”, po sprawie. Sprawdź! Kolejny punkt na liście do zrobienia. Lista! Podmienisz teraz tekst, który pokazujesz na środku ekranu na listę. Aby to zrobić ładnie i wygodnie przejdź na sam dół dokumentu i utwórz tam nową klasę, którą rozszerzysz o “StatelessWidget”. Oczywiście musisz nadpisać metodę “build()” by kod przestał świecić na czerwono. To co będzie zwracać ta metoda to lista, a dokładniej “ListView”. “ListView” posiada builder, zdefiniujesz tam ilość elementów oraz to jak będą wyglądać elementy. Ilość elementów niech będzie równa godzinie o czytasz ten artykuł - zawsze to jakieś urozmaicenie. Aby ustawić wygląd swoich elementów musisz wpisać coś w pole “itemBuilder”, tym czymś jest kod “(context, rowNumber){}” - jeśli teraz zechcesz możesz wypisać numery jakie posiadają poszczególne elementy. Tutaj tego nie pokażę, ale jeśli Ci się uda to koniecznie pochwal się pod tym artykułem. Teraz potrzebujemy dodać pojemnik na dane naszego elementu, czyli “Container”. Wrzuć go jako wartość zwracaną przez funkcję w “itemBuilder”. Nasz pojemnik posiada pole “child”, w to właśnie pole wstawimy nasze dane. Jak wcześniej ustaliliśmy nasz element to [tekst, zdjęcie, tekst] czyli komórka danych, a we Flatturze to nawet “Column” z danymi jako pole “children”, którego wartość ustaw na “<Widget>[]”. Teraz wewnątrz tej tablicy możesz wpisać po przecinku Widgety jakie planowaliśmy dodać, będą to następująco: Text(“1”), Text(“2”), Text(“3”). Teraz podmień środkowy Text na Image.network(“https://bit.ly/2k43O3V”) - tak, magia istnieje i obrazki pobierają się z Internetu same. Żeby było ładnie możesz dorzucić trochę powietrza (padding) wokoło listy. Zrobisz to przez ustawienie polu “padding” wartości “EdgeInset.all(12.0)” Efekt Kod import 'package:flutter/material.dart'; // void main() => runApp(new MyApp()); void main() => runApp(new TutorialApp()); class TutorialApp extends StatelessWidget { @override Widget build(BuildContext context) { return new MaterialApp( title: "Flutter tutorial", home: new Scaffold( appBar: new AppBar(title: new Text("Aplikacja lista")), body: new Center(child: new MyList()))); } } class MyList extends StatelessWidget { @override Widget build(BuildContext context) { return new ListView.builder( itemCount: 20, itemBuilder: (context, i) { return new Column( children: <Widget>[ new Container( padding: new EdgeInsets.all(12.0), child: new Column( children: <Widget>[ new Text( "Android.com.pl", ), new Image.network("https://bit.ly/2k43O3V"), new Text( "Najlepsze forum na świecie!!", ) ], ), ), ], ); }, ); } } To już wszystko na dzisiaj. Mam nadzieję, że wszystko działa tak jak powinno i jesteś zadowolony, że poświęciłeś swój czas na przeczytanie tego artykułu. Jeśli chodzą Ci po głowie jakieś pytania związane z tym tematem pytaj śmiało! Specjalnie dla Android.com.pl Łukasz Bednarczyk