Year: 2025
-
CustomScrollView
CustomScrollView 是 Flutter 中用于构建复杂滚动效果的核心组件,它允许将多个不同类型的滚动组件(如列表、网格、图片等)组合成一个统一的滚动视图,并共享同一个滚动轴,实现连贯的滚动体验。 核心特点 支持组合多种 Sliver 组件(如 SliverList、SliverGrid、SliverAppBar 等) 所有子组件共享同一个滚动状态,滚动行为连贯 可实现复杂交互效果(如滚动时导航栏变化、视差效果、粘性头部等) 性能优化:仅构建可视区域内的组件,适合长列表或复杂滚动场景 基本用法 CustomScrollView 的核心是 slivers 属性,它接收一个 List,其中每个元素必须是 Sliver 类型组件(名称以 Sliver 开头的组件)。 import ‘package:flutter/material.dart’; class MyCustomScrollView extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: CustomScrollView( slivers: [ // 1. 可折叠的导航栏(滚动时会变化) SliverAppBar( title: Text(‘CustomScrollView Demo’), expandedHeight: 200, // 展开时的高度 flexibleSpace: FlexibleSpaceBar( background: Image.network( ‘https://picsum.photos/800/400’, fit: BoxFit.cover, ), ), floating: true, // 滚动时快速显示 pinned: true, //…
-
CustomScrollView
CustomScrollView 是 Flutter 中用于构建复杂滚动效果的核心组件,它允许将多个不同类型的滚动组件(如列表、网格、图片等)组合成一个统一的滚动视图,并共享同一个滚动轴,实现连贯的滚动体验。 核心特点 支持组合多种 Sliver 组件(如 SliverList、SliverGrid、SliverAppBar 等) 所有子组件共享同一个滚动状态,滚动行为连贯 可实现复杂交互效果(如滚动时导航栏变化、视差效果、粘性头部等) 性能优化:仅构建可视区域内的组件,适合长列表或复杂滚动场景 基本用法 CustomScrollView 的核心是 slivers 属性,它接收一个 List,其中每个元素必须是 Sliver 类型组件(名称以 Sliver 开头的组件)。 import ‘package:flutter/material.dart’; class MyCustomScrollView extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: CustomScrollView( slivers: [ // 1. 可折叠的导航栏(滚动时会变化) SliverAppBar( title: Text(‘CustomScrollView Demo’), expandedHeight: 200, // 展开时的高度 flexibleSpace: FlexibleSpaceBar( background: Image.network( ‘https://picsum.photos/800/400’, fit: BoxFit.cover, ), ), floating: true, // 滚动时快速显示 pinned: true, //…
-
Slivers in Flutter
Slivers的种类 SliverList SliverGrid SliverAppBar SliverToBoxAdapter SliverFillRemaining SliverFillViewport
-
rails server 错误
太好了!Rails 服务器现在成功启动了! 问题已解决 错误的原因是 gem 的原生扩展被链接到了错误的 Ruby 动态库(Homebrew 的而不是 rbenv 的)。 解决方案:使用 bundle exec rails s 而不是 rails s 来启动服务器。 Rails 服务器现在正在运行:– 地址:http://127.0.0.1:3000– Ruby 版本:3.4.7 (rbenv)– Puma 版本:7.1.0– Rails 版本:8.0.3 你可以在浏览器中访问 http://localhost:3000 来查看你的应用。使用 Ctrl-C 停止服务器。 建议: 今后总是使用 bundle exec rails 命令来确保使用正确的 gem 环境,或者你可以考虑使用 bin/rails s 作为替代。