FlutterFlow code in Flutter umwandeln?

Ich habe gestern angefangen eine kleine App mit Flutter Flow zu programmieren, jedoch habe ich nahezu keine Erfahrung mit Flutter bzw. Dart. In meiner App wird eine locale Datenbank verwendet und später werden noch timer hinzugefügt. Die App möchte ich natürlich später auch auf meinem Handy haben, eine APK würde jedoch 30€ kostnen. Der Code den ich mir kostenlos anschauen kann, sieht wie folgt aus: https://app.flutterflow.io/code/day-time-1aza84. Ist es möglich daraus eine funktionierte App mit Copy Paste zu machen oder ist dies zu auswendig?

Danke im Vorraus

1 Antwort

Babelfish

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Programmieren & Softwareentwicklung, Software & Apps

26.09.2023, 14:12

Ich vermute mal stark, dass die ganzen Futter Flow Bibliotheken nicht öffentlich verfügbar sind und es dir dann nichts bringt, den Code zu kopieren. Die ganzen Komponenten lassen sich damit dann nicht nutzen.

Wenn du Programmieren lernen willst, dann würde ich dir empfehlen, lieber direkt auf deinem System zu entwicklen und nicht auf so eine Plattform zu setzen.

Flutter empfinde ich persönlich als relativ kompliziert und nicht unbedingt einsteigerfreundlich. Sofern du nur für Android entwickeln willst, würde ich eher zu Jetpack Compose und Kotlin raten.

Woher ich das weiß:Berufserfahrung – Entwickle Anwendungen für iOS, iPadOS und macOS beruflich.

Programmer001

Fragesteller

26.09.2023, 15:33

Ah ok schade,

Ich habe schon Erfahrungen mit Kotlin und Jetpack Composer gesammelt, jedoch weiß ich nicht genau wie ich das Umsetzten kann und mit Flutter Floe wäre es um einiges einfacher geworden und vor allem schneller

Babelfish

26.09.2023, 15:50

@Programmer001

Na ja, ne Liste mit Einträgen ist jetzt nicht so schwer umzusetzen und als ToDo-App eigentlich die übliche Einstiegs-Apps. Da findest du auch viele Tutorials im Netz, wie bspw. dieses:

https://ashuflutterdev.medium.com/creating-simple-todo-app-using-jetpack-compose-mvvm-4d15c49689b7

Hey Leute,

mich würde mal eure Meinung dazu interessieren, ob ihr in der App-Entwicklung Java/Kotlin und Swift bevorzugt oder eher auf Flutter mit Dart setzen würdet.

Es geht mir hierbei nicht um Mobile Games.

Mfg Jannick (L1nd)

...zur Frage

Ich möchte Dart(flutter) lernen aber wie?

Hey,ich habe eine kleine App idee die ich gerne umsetzen möchte.Ich will aber nicht 2 Programmiersprachen lernen geschweigen denn mehr,sollte ich es auf noch mehr Systemen veröffentlichen. Dementsprechend bin ich auf Dart und flutter gestoßen und habe alles installiert.Naja ich bin 10 Minuten drin und verstehe gar nicht.Ich habe bis her ein klein bisschen c# mit unity gemacht und html beherrsche ich auch zu kleinen teilen aber Dart ist was komplett anderes.Ich brauche bitte ein gutes tutorial wo alle grundlagen so erklärt werden das sie auch einer versteht der nie irgendwas richtig programmiert hat

...zur Frage

Buchempfehlung Dart und Flutter?

Hallo

Ich suche nach einem Buch um die "Programmiersprache" Dart bzw Flutter zu erlernen. Jedoch finde ich nur das Bild im Anhang. Habt ihr schon Erfahrungen gemacht und könnt andere Bücher empfehlen?

https://www.amazon.de/dp/3110690640/ref=cm_sw_r_cp_apa_i_pSj-FbXXGNKVR

...zur Frage

Dart (Flutter) vs Kotlin?

Hi, ich würde gerne eine Android App mit Material Design programmieren. Sowohl Dart als auch Kotlin haben Material "Support". Die Frage ist nun, was ist besser zu lernen als Anfänger wie unterschiedlich sind die Möglichkeiten die man mit diesen Sprachen hat. Ich habe Programmiererfahrung in Python.

...zur Frage

Flutter und Dart kann man damit sowas programmieren?

[APP]

Verschiedene Chaträume und wo jeder Nutzer ein Account hat und auch privat noch mit anderen schreiben kann.

Man muss sich registrieren und muss auch dafür bezahlen [monatlich]

Modaratoren in den Chaträume, die Nachrichten löschen können usw.

Ist dies mit Flutter und Dart möglich und wie sollte ich am besten anfangen? Welche Programmiersprache?

...zur Frage

Framework Flutter, Dart kosten?

Hallo, ich habe mal eine Frage kostet es Geld eine App mit dem Framework Flutter und der Programmiersprache Dart zu programmieren? Ich habe jetzt nicht vor dann die App irgendwie auf Play Store oder App Store zu veröffentlichen. Ich bin irgendwie verwirrt, weil im Internet steht das es Geld kostet und nicht wenig und wenn ich aber Google ob Flutter kostenlos ist, dann kommt da auch das es kostenlos ist. Oder kommen am Ende der Entwicklung kosten auf mich zu?

...zur Frage

Flutter mit Visual Studio Code devices erstellen?

Ich möchte in Visual Studio Code eine flutter App programmieren. Wenn ich Flutter run mache kann ich devices auswählen, ich möchte aber noch mehr devices erstellen. Wie mache ich das?

...zur Frage

Was ist eure lieblings Programmiersprache in 2023?

...zur Frage

[Android] Dart & Flutter, Kotlin oder Java fürs App Entwickeln?

& warum?

Ich bin an so einer Stelle, wo ich zwar einiges weiß, aber noch lange kein Profi bin. Ich entwickelte bisher 2 Android Apps mit Erfolg und Einschränkungen, jedoch kann man das oft vorkommende Recherchieren nicht ausschließen. Ein richtiges kleines Programm für Windows ist auch an seinen Grenzen und nun habe ich vor, danach wieder etwas Neues zu lernen.

Doch ist es richtig, anstelle sich intensiver mit der Programmiersprache Java zu beschäftigen, beispielsweise Dart & Flutter, Kotlin oder sogar Golang anfängt und dort ähnliche Dinge ausprobiert?

Weil ich merke immer wieder, dass ich ständig etwas Neues dazulernen muss und vieles noch gar nicht verstehe, ich aber den Grundbaustein schon habe - etwa wie Lego.

Ziele sind natürlich sowas wie das Verbinden zweier Geräte über die App, wo man dann gemeinsam Stadt Land Fluss spielen kann, zu entwickeln, aber Verbindungsaufbauten habe ich nie richtig angefasst...

Was empfiehlt Ihr mir oder was empfiehlt Ihr anderen oder gar Euch selbst?

...zur Frage

Flutter Appbar?

Hallo habe vor kurzem die compiledSdkVersion auf 33 stellen müssen, da es einige Pakete benötigen. Und ab diesem Zeitpunkt kann ich die App nicht mehr starten.

Fehler:

The relevant error-causing widget was:
  AppBar AppBar:file:///D:/xxx/xxx/lib/screens/home_page.dart:18:15

Code:

appBar: AppBar(
        title: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: const [
            Text(
              "Home",
            ),
          ],
        ),
      ),

Kann mir jemand helfen, ich habe keine Ahnung was ihm da nicht passt.

...zur Frage

Flutter Struktur?

Hallo, ich habe eine Frage!

Und zwar bin ich noch absoluter ANfänger was Flutter betrifft. Ich möchte eine App entwickeln. Diese soll ein Sidebar und ein BottomNavigation Menü haben. EIn Item der BottomNavigationBar soll gleichzeitig die Startseite sein, wenn die App geöffnet wird. Wie mache ich das?

Was muss ich in main.dart reinschreiben?

Kann mir jemand die Struktur erklären ?

...zur Frage

TabBar mit Dart/Flutter?

Hallo bin gerade dabei eine App mit Flutter zu programmieren und wollte gerade eine TabBar machen, jedoch funktioniert es nicht. Also ich bekomme es hin das sie angezeigt wird, aber sobald ich das einbaue das pro Tab eine andere Seite angezeigt wird, wird mir die Tabbar 5 mal angezeigt. Kann mir jemand helfen und sagen was das Problem ist.

Hier mein Code:

class Uebersicht extends StatelessWidget {
  const Uebersicht({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      length: 4,
      child: Scaffold(
        appBar: AppBar(
          title: Text("Übersicht"),
          bottom: TabBar(
            tabs: [
              Tab(text: 'Home', icon: Icon(Icons.home)),
              Tab(text: 'Videos', icon: Icon(Icons.article_outlined)),
              Tab(text: 'Bilder', icon: Icon(Icons.add_call)),
              Tab(text: 'About', icon: Icon(Icons.backpack_outlined)),
            ],
          ),
        ),
        drawer: Sidebar(),
        body: TabBarView(
          children: [
            Uebersicht(),
            Videos(),
            Bilder(),
            About(),
          ],
        ),
      ),
    );
  }

Main.dart

class ApoSys extends StatelessWidget {
  const ApoSys({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'ApoSys-Notdienst System für Apotheken',
      theme: ThemeData(
        primarySwatch: Colors.red,
      ),
      home: Uebersicht(),
      routes: {
        'home': (context) => Uebersicht(),
        'apotheken': (context) => Apotheken(),
        'bezirk_melk': (context) => Bezirk_Melk(),
        'bezirk_amstetten': (context) => Bezirk_Amstetten(),
        'bezirk_scheibbs': (context) => Bezirk_Scheibbs(),
        'kalender': (context) => Kalender(),
        'notdienst': (context) => Notdienst(),
        'notrufe': (context) => Notrufe(),
        'videos': (context) => Videos(),
        'bilder': (context) => Bilder(),
        'about': (context) => About(),
      },
    );
  }
}

Die Widget für Videos, Bilder und About existieren, es funktioniert auch das die Seiten angezeigt werden, jedoch wird wie beschrieben die TabBar 6 mal angezeigt.

Danke für die Antworten im Vorraus!

...zur Frage

Flutter Data from API?

Hey, will Daten von meiner erstellten API ausgeben in meiner App.

Code:

fetchData() async {
    final response = await http.get(Uri.parse('http://localhost/list.json'));
    return json.decode(response.body);
  }

FutureBuilder(
            future: fetchData(),
            builder: (BuildContext context, AsyncSnapshot snapshot){
              if(snapshot.hasError){
                return Center(
                  child:Text("Error"),
                );
              }
              if(snapshot.hasData){
                return ListView.builder(
                  itemCount: snapshot.data.length, 
                    itemBuilder: (BuildContext context, int index){
                  return Row(
                    children: [
                      Expanded(
                        child: Container(
                        child: Column(
                          children: [
                            Text(snapshot.data[index]['id']),
                            SizedBox(height: 10,),
                            Text(snapshot.data[index]['name']),
                            
                          ],
                        ),
                        ),
                      ),
                    ],
                  );
                });
              }
              return Center(child: CircularProgressIndicator(),);
            },
          ),

Jedoch bekomm ich als Ausgabe "Error". Woran kann das liegen? Die API kann ich mit Postmann abfragen.

...zur Frage

Flutter programmieren?

Hallo, ich habe eine Frage bezüglich Flutter.

Ich möchte mich in die Thematik der App Entwicklung einlesen und mit Flutter versuchen meine erste App zu programmieren.

Nun habe ich aber einige Fragen:

Welche Entwicklungsumgebung ist am besten geeignet (Visual Studio Code, Android Studio)?

Sollte man Flutter auf dem lokalen System installieren oder eher in einer virtuellen Maschine (Windows oder Ubuntu)?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen