简介

IOS风格下用于展示一些用户可以选择的选项

将来自CupertinoSegmentedControl的child属性的Map列表中的组件, 以水平的方式展开供用户选择.这些选择是互斥的. 用户只能选择一个.

基本用法

这个组件的重点属性在于他的child属性

在官方文档中, 它的child属性是一个Map<T,Widget>对象. 这个对象的K可以是任意对象, String/Int/Widget/Array..., 这里的T值会在每次用户点击的时候. 触发onValueChanged 回调, 整个组件的高度, 取决于Map列表中Widget中最高的. 整个组件的宽度, ...

阅读全文...

简介

用来选择范围性的数据

CupertinoSlider 是ios风格的Slide组件,用来选择连续性的或者非连续性的数据. 默认是在一段最大值最小值间做任意值的选择. 如果你想选择间隔性的值, 例如0.0到50.0间,选择10, 15,...50.0这样的值, 给divisions设定一个非空的整数5,, 去分割区间范围.

基本用法

与 Slider 相同, 具体查看Slider组件

实例演示

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';...

阅读全文...

简介

CupertinoScrollbar 是ios样式风格的滚动条

为其可滚动的子元素,构建一个ios风格样式的滚动条

基本用法

这里我们会用一个有CupertinoScrollbar和无CupertinoScrollbar的demo进行对比展示, 通过对比, 我们发现CupertinoScrollbar的子组件, 会有滚动的时候, 右侧会有一个滚动条.

实例演示

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
class Cupertino...

阅读全文...

简介

iOS风格的选择器

• 以 wheel 的方式显示子 widget，选择发生改变后的回调;
• 通常和 showModalBottomSheet 搭配在屏幕底部显示 picker 选择器;

实例演示

import 'package:flutter/cupertino.dart';
import 'package:intl/intl.dart';

//import '../../gallery/demo.dart';
//import 'cupertino_navigation_demo.dart' show coolC...

阅读全文...

简介

像iOS弹出式表面

• 快速实现一个圆角弹框,类似 alert dialog 和 sheet;

实例演示

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

/*
* CupertinoPopupSurface 默认的实例
* */
class CupertinoPopupSurfaceFullDefault extends StatefulWidget {
  const CupertinoPopupSurfaceFullDefault(...

阅读全文...

简介

ios 风格全屏切换路由的滑动动画

• 页面从右侧滑入，然后反向退出。当另一页进入覆盖它时，视差中的页面也会向左移动;
• 页面从底部滑入，然后反向退出，全屏 dialogs 没有视差效果;
• 默认情况下，当切换路由被其他路由替换时，前一个路由将保留在内存中。若要在不需要时释放所有资源，请将 maintainstate 设置为 false;

基本用法

CupertinoPageRoute 的一个示例

• 通常被 CupertinoPageScaffold 包裹

实例演示

import 'package:flutter/cupertino.dart';
import ...

阅读全文...

简介

实现单个 iOS 应用程序页的页面布局

• 一个 CupertinoPage 重要布局;
• 脚手架在顶部设置导航栏，在导航栏之间或之后设置内容;

基本用法

CupertinoPageScaffold 的一个示例

实例演示

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

/*
* CupertinoPageScaffold 默认的实例
* */
class CupertinoPageScaffoldFullDefault extends S...

阅读全文...

简介

ios 风格的 导航栏

• 构成 toolbar 的最基本 widget,常规页面的 title,在 toolbar 居中显示;
• 当居中显示时,它支持通过设置 leading 和 trailing 属性对应的 widget，来决定是在中间 widget 前面还是后面显示;
• leading widget 将自动的成为一个返回 chevron icon button（或全屏对话框的关闭按钮）,如果没有提供，则弹出当前路由，并且automaticallyImplyLeading为true（默认为true）;
• 如果没有提供，并且 automaticallyImplyIdle 为true,则中...

阅读全文...

简介

iOS平台常用的颜色

实例演示

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

/*
* Checkbox 默认按钮的实例
* index 当前checkbox 的索引值
* */
class CupertinoColorsFullDefault extends StatefulWidget {
  const CupertinoColorsFullDefault() : super();

  @override
  State<...

阅读全文...

简介

Cupertino图标的标识符

• 与Icon类一起使用以显示特定图标;
• 请确保cupertino_icons在项目的pubspec.yaml文件中添加依赖项。这可确保CupertinoIcons字体包含在您的应用程序中;

实例演示

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_go/resources/icon_names.dart' as icon_names;

/*...

阅读全文...