通过 flutter 实现一个列表功能

使用 english_words 包实现生成列表的功能:

官方参考文档

import ‘package:english_words/english_words.dart‘;
import ‘package:flutter/material.dart‘;

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: RandomWords(),
    );
  }
}

class RandomWordsState extends State<RandomWords> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(‘Startup Name Generator‘),
      ),
      body: _buildSuggestions(),
    );
  }

  final _suggestions = <WordPair>[];
  final _biggerFont = const TextStyle(fontSize: 18.0);

  Widget _buildSuggestions() {
    return ListView.builder(
      padding: const EdgeInsets.all(16.0),
      itemBuilder: (context, i) {
        if (i.isOdd) return Divider();

        final index = i ~/ 2;
        if (index >= _suggestions.length) {
          _suggestions.addAll(generateWordPairs().take(10));
        }
        return _buildRow(_suggestions[index]);
      }
    );
  }

  Widget _buildRow(WordPair pair) {
    return ListTile(
      title: Text(
        pair.asPascalCase,
        style: _biggerFont,
      ),
    );
  }
}

class RandomWords extends StatefulWidget {
  @override
  RandomWordsState createState() => RandomWordsState();
}

原文地址:https://www.cnblogs.com/GetcharZp/p/12204815.html

时间: 2024-12-21 06:24:07

通过 flutter 实现一个列表功能的相关文章

JS~一个列表中包含上移下移删除等功能

最近做了一个项目,包括了一个列表页,为了用户体验,操作均使用JS实现,其中包括在列表中实现上移,下移,删除等功能,前台JS,后端数据修改使用AJAX,本文主要说一下前台JS这块 先看一下页面的截图 看一下它的HTML结构,当然,这与前台切图有关,后端程序人员只负责写自己的JS这块,我以我们项目为例,看一下它们切的HTML <ul class="clearfix"> <li class="courseList"> <div class=&

轻量级web富文本框——wangEditor使用手册(2)——扩展一个“缩进”功能

1. 引言 上一节<轻量级web富文本框——wangEditor使用手册(1)——基本应用>中我们讲解了如何应用wangEditor创建最基本的富文本编辑器,本节继续讲如何扩展一个简单的按钮.本节是继续上一节的内容来的,所使用的代码也是接着上一节的来的,错过的朋友请先看上一节,再看本节. 下载地址:https://github.com/wangfupeng1988/wangEditor demo演示:http://www.cnblogs.com/wangfupeng1988/p/4185508

手机影音第七天 视频的播放下一个视频功能实现,视频进度、电量变化的实现

先看下效果图: 在这里,视频进度条会根据视频播放变化,下方的按钮中,播放下一个,上一个都已实现. 代码已经托管到码云上,想下载看的小伙伴可以从下方地址中获取 https://git.oschina.net/joy_yuan/MobilePlayer 1.在这张图上,自定义的显示电量的那一列已经被系统自带的状态栏遮盖,下面就说一下实现方法: 系统电量变化时,系统会发送一个广播,所有对这个广播感兴趣的activity都可以注册广播来接收这个广播.在这里接收系统电量变化,屏幕锁屏.开屏的广播,只能使用

MFC CListCtrl 将一个列表的选中项添加到另一个列表

MFC CListCtrl 将一个列表的选中项添加到另一个列表, 用VC6.0实现: 简单记录一下自己的学习历程, 和大家分享,如果对你有用,我很高兴. 1.新建一个基于对话框的工程(Dialog-Based) 1.1 新建项目 打开VC6.0 -> File -> New -> Projects -> MFC AppWizard[exe] -> 工程名CListCtrlEg -> 点击OK ->Dialog based -> Finish -> OK

RecyclerView和CardView实现列表功能,用LeanCloud所存储的数据中填充RecyclerView

最近实现了一个使用最新推出的CardView和RecyclerView实现列表功能的Demo, 接下来一一介绍: 1.首先介绍我使用了哪些工具 (1)LeanCloud的存储功能 (2)RecyclerView (3)CardView (4)ImageLoader 2.既然是列表,所以它里面的实现方式和ListView差不多, 一个(含有RecyclerView)主界面布局(activity_fm_item.xml), 一个Adapter(RecyclerView.Adapter),在这先把布局

分支的创建与代码的推送——提交用户列表功能代码

查看当前所处的分支 git branch 创建一个新分支 新建一个子分支user,然后用checkout命令切换到user分支上 git checkout -b user checkout 代表要切换到哪个分支上 -b 代表要新建一个分支 检查当前user分支上这些文件的状态 git status 将代码统一添加到暂存区 git add . 将user分支提交到仓库中 git commit -m "完成用户列表功能的开发" 把本地的user分支推送到云端的码云中 把本地的user分支推

Python基础之列表功能

今天记录一下列表的基础功能: 定义一个列表: >>> l1=[1,2,3] >>> l2=list([1,2,3,]) >>> l1 [1, 2, 3] >>> l2 [1, 2, 3] 1.append: 像列表中添加一个元素 >>> l1=[1,2,3,] >>> l1.append(4) >>> l1 [1, 2, 3, 4] 2.clear: 清空列表 >>&g

不能因为为了添加一个新功能,影响到旧的功能

涉及到后台的, 一般都是要跟数据库打交道的大型数据量的处理问题.以类 client - server 为基础的架构, 或者变形后的架构. 客户端处理用户的输入和数据, 然后大量的客户端(多个客户端的多种数据) 反馈到服务端统一处理和协调, 然后服务端对客户端发出相应的指令.其中 后台程序 代表的就是服务端的程序. 包含以下几点:1. 网络通信,  要跟远程的client打交道,只能用网络2. 并发 和 并行处理.0.. 多个客户端可能在同一时间同时需要处理同一个类型的数据, 谁先谁后,谁的有效谁

如果写一个列表点击一张图片来preview这张图片

可以才用继承AlertDialog的形式来写: 点击张图: public void onClick(View v) { viewBigsizeBmp(((ImageView) v).getDrawable(), Constants.PREVIEW_BMP_DIR_SUFFIX); } private void viewBigsizeBmp(Drawable drawable, String suffix) { final String sdDir = Utils.getSDPath(); fin