使用onPressed函数创建字符串

时间:2020-06-21 07:03:09

标签: flutter dart

我想使用几个FlatButtons来创建用户设置屏幕。我想在按下按钮时使用onPressed函数创建String,然后将其进一步传递给Settings对象并将其保存在磁盘上。 问题是-我是Dart / Flutter的新手,在这里完全没有想法。我已经阅读了有关共享首选项,流,异步等的文档,但是找不到以下答案: 如何使用onPressed创建字符串? 有人可以告诉我代码的样子吗,或者是解决这种问题的正确方法。 预先感谢!

1 个答案:

答案 0 :(得分:0)

好的,您可以通过多种方式进行操作。 在这里,我为您创建了一个示例,供您复制/粘贴运行它,以便您了解。

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);


  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;
  List<String> settings = new List();

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[

            (settings.isEmpty) ?Center(child:Text("no settings found")) :
           ListView.builder(shrinkWrap: true,itemCount: settings.length,itemBuilder: (context,i)
           {
             return  Center(child: Text("${settings[i]}"));
              
           })
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: ()
        {
          setState(() {
            settings.add('random setting');
          });
        },
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ), // This trailing comma makes auto-formatting nicer for build methods.
    );
  }
}

说明: 我创建的列表设置一开始没有任何数据。 并且我检查设置是否为空我显示空的设置,否则它将呈现数据。 带+号的按钮将新的字符串添加到列表中,并将重建小部件以显示它。与setState({});

希望有帮助。