github/flutter
7
0
Fork 0
mirror of https://github.com/flutter/flutter.git synced 2025-06-03 00:51:18 +00:00
Code Issues Packages Projects Releases Wiki Activity
b8dcb0c3c5
flutter/examples/api/lib/material
History
Taha Tesser b8dcb0c3c5
Update Material 3 LinearProgressIndicator for new visual style (#154817) 
Related to [Update both `ProgressIndicator` for Material 3 redesign](https://github.com/flutter/flutter/issues/141340)

### Code sample

<details>
<summary>expand to view the code sample</summary> 

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

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

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  bool isRTL = false;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(

        body: Directionality(
          textDirection: isRTL ? TextDirection.rtl : TextDirection.ltr,
          child: Center(
            child: Column(
              spacing: 2.0,
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                const Text('Default LinearProgressIndicator'),
                const Padding(
                  padding: EdgeInsets.all(16.0),
                  child: LinearProgressIndicator(
                    value: 0.45,
                  ),
                ),
                const Text('Default indefinite LinearProgressIndicator'),
                const Padding(
                  padding: EdgeInsets.all(16.0),
                  child: LinearProgressIndicator(),
                ),
                const Text('Updated height and border radius'),
                Padding(
                  padding: const EdgeInsets.all(16.0),
                  child: LinearProgressIndicator(
                    value: 0.25,
                    minHeight: 16.0,
                    borderRadius: BorderRadius.circular(16.0),
                  ),
                ),
                const Text('Updated stop indicator color and radius'),
                Padding(
                  padding: const EdgeInsets.all(16.0),
                  child: LinearProgressIndicator(
                    value: 0.74,
                    minHeight: 16.0,
                    borderRadius: BorderRadius.circular(16.0),
                    stopIndicatorColor: Theme.of(context).colorScheme.error,
                    stopIndicatorRadius: 32.0,
                  ),
                ),
                const Text('Track gap and stop indicator radius set to 0'),
                Padding(
                  padding: const EdgeInsets.all(16.0),
                  child: LinearProgressIndicator(
                    value: 0.50,
                    minHeight: 16.0,
                    borderRadius: BorderRadius.circular(16.0),
                    trackGap: 0,
                    stopIndicatorRadius: 0,
                  ),
                ),
              ],
            ),
          ),
        ),
        floatingActionButton: FloatingActionButton.extended(
          onPressed: () {
            setState(() {
              isRTL = !isRTL;
            });
          },
          label:  const Text('Toggle Direction'),
        ),
      ),
    );
  }
}
```

</details>

### Preview

<img width="824" alt="Screenshot 2024-09-09 at 13 53 10" src="https://github.com/user-attachments/assets/d12e56a5-f196-4011-8266-c7ab96be96b2">
2024-10-30 18:14:11 +00:00
..
about Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
action_buttons Add missing links to examples that aren't linked anywhere (#130422) 2023-07-12 20:08:05 +00:00
action_chip Enable dangling_library_doc_comments and library_annotations lints (#117365) 2022-12-20 16:03:21 -08:00
animated_icon Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
app [Reland] Introduce AnimationStyle (#138721) 2023-11-20 15:24:41 -08:00
app_bar Add a custom shape example for AppBar.shape (#146421) 2024-04-08 18:42:07 +00:00
autocomplete Implement on clauses (#152706) 2024-08-06 01:54:52 +00:00
badge Add Badge example (#148053) 2024-05-09 16:47:16 +00:00
banner Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
bottom_app_bar Refactoring if chains into switch statements (#144905) 2024-03-11 23:04:57 +00:00
bottom_navigation_bar Enable strict-inference (#135043) 2023-09-20 19:59:08 +00:00
bottom_sheet Add AnimationStyle to showBottomSheet and showModalBottomSheet (#145536) 2024-03-25 08:39:05 +00:00
button_style Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
button_style_button Introduce iconAlignment for the buttons with icon (#137348) 2024-02-12 17:08:20 +00:00
card Add Card.filled and Card.outlined factory methods (#136229) 2023-11-01 23:29:49 +00:00
carousel Create CarouselView widget - Part 2 (#149775) 2024-07-17 19:56:01 +00:00
checkbox Factor out deprecated names in example code (#151374) 2024-07-08 19:06:54 +00:00
checkbox_list_tile Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
chip [Reland] Introduce ChipAnimationStyle to override default chips animations durations (#149876) 2024-06-13 19:28:21 +00:00
choice_chip Fix references in examples (#151204) 2024-07-03 17:56:48 +00:00
color_scheme Fix ColorScheme example and tests (#150018) 2024-06-12 05:07:23 +00:00
context_menu Implemented CupertinoButton new styles/sizes (fixes #92525) (#152845) 2024-08-12 19:26:39 +00:00
data_table Factor out deprecated names in example code (#151374) 2024-07-08 19:06:54 +00:00
date_picker Fix: showDatePicker should have a simple example in the docs (#156196) 2024-10-22 17:04:23 +00:00
dialog Adaptive alert dialog (#124336) 2023-04-18 23:00:03 +00:00
divider Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
drawer Add missing example links (#130521) 2023-07-17 18:24:49 +00:00
dropdown Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
dropdown_menu Fix DropdownMenu does not rematch initialSelection when entries have changed (#155757) 2024-10-02 12:03:20 +00:00
elevated_button Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
expansion_panel docimports for API samples (#151606) 2024-07-11 20:36:55 +00:00
expansion_tile Add AnimationStyle to ExpansionTile (#139664) 2023-12-06 16:40:24 +00:00
filled_button Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
filter_chip Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
flexible_space_bar Add test for flexible_space_bar.0.dart (#157107) 2024-10-21 15:17:14 +00:00
floating_action_button Add FAB Additional Color Mappings example (#133453) 2023-08-29 17:31:02 +00:00
floating_action_button_location Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
icon_button Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
ink Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
ink_well Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
input_chip Add an example for InputChip generated by user input (#130645) 2023-09-01 00:02:04 +00:00
input_decorator un-break ThemeData equality (#154695) 2024-09-09 21:49:09 +00:00
list_tile un-break ThemeData equality (#154695) 2024-09-09 21:49:09 +00:00
material_state Add tests for material_state_mouse_cursor.0.dart API example. (#145987) 2024-04-03 02:39:46 +00:00
menu_anchor Update MenuAnchor API examples (#156404) 2024-10-08 19:15:07 +00:00
navigation_bar Factor out deprecated names in example code (#151374) 2024-07-08 19:06:54 +00:00
navigation_drawer Add missing example links (#130521) 2023-07-17 18:24:49 +00:00
navigation_rail Add Badge widget to NavigationBar and NavigationRail examples (#129834) 2023-07-11 09:30:05 +00:00
outlined_button Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
page_transitions_theme Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
paginated_data_table PaginatedDataTable improvements (#131374) 2023-08-15 00:55:07 +00:00
platform_menu_bar Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
popup_menu [Reland] Introduce AnimationStyle (#138721) 2023-11-20 15:24:41 -08:00
progress_indicator Update Material 3 LinearProgressIndicator for new visual style (#154817) 2024-10-30 18:14:11 +00:00
radio Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
radio_list_tile Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
range_slider Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
refresh_indicator Added new constructor RefreshIndicator.noSpinner() (#152075) 2024-08-23 20:37:24 +00:00
reorderable_list docimports for API samples (#151606) 2024-07-11 20:36:55 +00:00
scaffold Add tests for scaffold.of.#.dart API examples. (#147637) 2024-05-20 08:02:09 +00:00
scrollbar fix a Scrollbar example crash (#127925) 2023-09-08 09:40:49 +00:00
search_anchor Implement on clauses (#152706) 2024-08-06 01:54:52 +00:00
segmented_button Add SegmentedButton.styleFrom (#137542) 2024-01-03 21:26:02 +00:00
selectable_region Add test for selectable_region.0.dart (#157258) 2024-10-22 07:25:25 +00:00
selection_area Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
selection_container Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
slider Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
snack_bar Test snack bar examples (#147774) 2024-05-23 18:54:11 +00:00
stepper Adds support for StepStyle visual property bundle to the Step widget (#140825) 2024-01-12 16:35:08 +00:00
switch Use .fromMap() constructors in example code (#152535) 2024-08-01 22:28:22 +00:00
switch_list_tile Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
tab_controller Add test for tab_controller.1.dart API example. (#148189) 2024-05-20 15:33:16 +00:00
tabs Introduce TabBar.indicatorAnimation to customize tab indicator animation (#151746) 2024-07-26 11:54:28 +00:00
text_button Use .fromMap() constructors in example code (#152535) 2024-08-01 22:28:22 +00:00
text_field Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
text_form_field add forceErrorText to FormField & TextFormField. (#132903) 2024-06-18 17:52:21 +00:00
theme Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
theme_data Fix Typos (#137292) 2023-10-26 23:55:38 +00:00
time_picker Remove textScaleFactor references from flutter/flutter (#142271) 2024-01-26 19:12:24 +00:00
toggle_buttons Updated TabBar and ToggleButtons examples (#128088) 2023-06-02 01:05:31 +00:00
tooltip Tooltip docs: Recommend setting preferBelow to false in theme (#135879) 2023-11-03 20:18:36 +00:00
widget_state_input_border WidgetStateInputBorder (#157190) 2024-10-22 23:45:41 +00:00