mkobuolys / flutter_deck Goto Github PK
View Code? Open in Web Editor NEWA lightweight, customizable, and easy-to-use framework to create presentations in Flutter.
Home Page: https://pub.dev/packages/flutter_deck
License: MIT License
A lightweight, customizable, and easy-to-use framework to create presentations in Flutter.
Home Page: https://pub.dev/packages/flutter_deck
License: MIT License
Description
Currently flutter_deck supports only a linear progress indicator with no customization options. So adding support for some animated gradient linear progress indicator can be helpful.
Requirements
[ ] Customization Options for progress indicator
[ ] Changing implementation of Linear Progress Indicator
Additional Context
I am suggesting to use this package for the implementation -
https://pub.dev/packages/simple_animation_progress_bar
@mkobuolys Let me know your thaughts on this.
Add any other context or screenshots about the feature request go here.
Description
I've got a problem using the splitRatio
property inside the FlutterDeckSlide.split
template
Steps To Reproduce
Create a FlutterDeckSlide.split template like this:
@override
FlutterDeckSlide build(BuildContext context) {
return FlutterDeckSlide.split(
splitRatio: SplitSlideRatio(left: 1,right: 2), // <- this line here
leftBuilder: (context) {
return Text('LEFT section');
},
rightBuilder: (context) {
return Text('RIGHT section');
},
);
}
Expected Behavior
I expect the property to be recognized and it is possible to create a class of type SplitSlideRatio
in which to customize the width of the two columns but I get an error back telling me that:
The method 'SplitSlideRatio' isn't defined for the type 'FlutterWindowManagementSlide'. Try correcting the name to the name of an existing method, or defining a method named 'SplitSlideRatio'.
Type: InvalidType
Additional Info
Tested with:
0.5.0
and 0.6.0
Description
Currently, it is not documented that you need to overwrite the color argument of a Slide, for example: In the FlutterDeckSplitSlide
.
Requirements
Description
Add a new "quote" slide template. Example from Keynote:
This template should support a quote (quote text or title) and the author of a quote (smaller text below). Text styles should be applied from a dedicated slide theme.
Also, make sure that the template supports the footer and header based on the slide deck configuration values, and custom background (see existing templates for reference).
Requirements
Description
Presentation programs often provide a "presentation mode", in which the presentation is presented in a specific monitor, while the "main" monitor, usually on the presenter's machine, shows more than the presentation.
For instance:
This issue tracks the request to add a presentation mode in flutter_deck
Additional Context
The Presentation Mode, in Microsoft PowerPoint:
The Presenter Console, in LibreOffice Impress:
The Presenter View, in Google Slides:
Description
Would be nice to "preload" the deck with dynamic network content while you are online and be able to play the deck while offline.
Able to cache media and data to for use offline
Requirements
Description
When using Split slides, the text in the right side in dark mode is really hard to see, the color is to brightness for the background color.
Steps To Reproduce
This code is a slide where I can reproduce:
import 'package:flutter/material.dart';
import 'package:flutter_deck/flutter_deck.dart';
class Renderer extends FlutterDeckSlideWidget {
const Renderer()
: super(
configuration: const FlutterDeckSlideConfiguration(
route: '/renderer',
header: FlutterDeckHeaderConfiguration(
title: 'Web renderers',
),
),
);
@override
FlutterDeckSlide build(BuildContext context) {
return FlutterDeckSlide.split(
leftBuilder: (context) {
return const Text('HTML renderer');
},
rightBuilder: (context) {
return const Text('CanvasKit renderer');
},
);
}
}
Expected Behavior
The text in the right side should be darker.
Additional Context
I running on a MacOS and Chrome.
Description
Well, it's nice to have a PDF version of the slides both as backup and also printable if needed.
Requirements
Additional Context
It's quite common to receive a PDF of slides from another system to to catch up, it's nice to have this feature.
Description
The new control widget introduced in v0.9 is a great addition, but when going to present, it can get in the way.
Thus, when I went to:
controls: const FlutterDeckControlsConfiguration(
enabled: false,
shortcutsEnabled: true,
openDrawerKey: LogicalKeyboardKey.arrowUp,
toggleMarkerKey: LogicalKeyboardKey.arrowDown,
),
The controls were hidden as expected, but my keyboard shortcuts stopped working (drawer, left/right arrow key, marker).
Description
The controls no longer work when the app has gone to full screen on macOS. After closing full screen, they still don't work.
I'm using flutter_deck: 0.5.0
Steps To Reproduce
fn + F
)Expected Behavior
The controls should work when putting the app full screen and continue to work after closing the full screen mode
flutter doctor output
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.13.6, on macOS 14.0 23A344 darwin-arm64, locale en-BE)
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 15.0)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2022.2)
[✓] VS Code (version 1.82.2)
[✓] Connected device (2 available)
[✓] Network resources
• No issues found!
The example app in on the main
branch has a similar issue, but there it only occurs after closing full screen mode and only when closing with the escape key
Description
Allow some sort of Rich Text / Formatting for Bullet List Items so that in a given Item certain parts can me formatted differently.
So something of the following is possible:
code
snippetMaybe only adding support for this formatting set that Github Markdown supports would be possible?
Description
Add a new "big fact" slide template. Example from Keynote:
This template should support a fact title (big text or title) and an explanation text (subtitle). Text styles should be applied from a dedicated slide theme.
Also, make sure that the template supports the footer and header based on the slide deck configuration values, and custom background (see existing templates for reference).
Requirements
Description
Source: https://github.com/mkobuolys/f3-firebase-remote-config-talk
Title: Make smarter decisions faster with Firebase Remote Config
Language: English
Authors: Mangirdas Kazlauskas & Darja Orlova
Socials: https://twitter.com/mkobuolys & https://twitter.com/dariadroid
Requirements
First off, thank you for this amazing library--it is super, super handy.
I'm currently trying to make a split slide with an interactive view in the right split:
The padding present around my widget in the right split is proving to be a bit problematic and I didn't find any API to disable it on a slide-by-slide basis.
For normal text, the current behavior is fine. However, for images/interactive content like I have here, it limits the usable real estate and can clip content you wouldn't expect (see the image above).
I came up with a workaround using a Stack/Positioned with a negative offset to "eliminate" the left/right padding, but the top/bottom padding depends on screen size and the title, which there is no easy way to workaround. Thus, it'd be nice if there was something at the library level to remove this.
I looked into this briefly, but this looks like it could be challenging based on the current FlutterDeckSlideBase
:
return Stack(
children: [
ConstrainedBox(
constraints: const BoxConstraints.expand(),
child: backgroundBuilder?.call(context) ?? background,
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if (headerBuilder != null) headerBuilder!(context),
Expanded(
child: contentBuilder?.call(context) ?? const SizedBox.shrink(),
),
if (footerBuilder != null) footerBuilder!(context),
],
),
],
);
Any ideas on what I can do?
Description
This presentation is in pt-br
, it was presented at The Developer Conference. The talk is an introduction to the Flutter Web.
Requirements
Description
Add widget tests for the available slide templates. These tests should check whether the defined slide elements are visible. Also, they should test different slide configuration values (e.g. header and footer visible, custom background set, etc.).
Requirements
Description
Say I have 3 decks about cars and 3 decks about food. I would want to be able to play all the car decks on auto play (haha no pun intended). Another time i would want a playlist called Food where it plays all my food decks. And another option to simply play all decks.
Requirements
Additional Context
This could become a general media player and be used for TVs
Summary
First of all , thank you for your consistent work on flutter_deck. I help Deep Tech Girl Foundation to prepare slides to provide teaching git to other teenagers or adult who wants another career path to IT industry.
In case for allowing mobile user to read the slides, I would to like to make requests on
Clearly describe what you are looking to add. The more context the better.
Requirements
Additional reminders
I love using this as a means to provide interactive sharing among audience, both for software dev beginners and experts. I would like to see if I can directly folk this project and enhance the slides dependency. This is awesome together with using vercel for fast CI/CD.
Description
Presentation programs often provide a laser pointer feature, where the operating system cursor disappears and a simulation of laser light is displayed on the slide instead.
This issue tracks the request to add laser pointer support in flutter_deck offering me to work on this issue.
Additional Context
Laser pointer in Microsoft PowerPoint:
Laser pointer in Google Slides:
For my personal use I quickly implemented something functional, it looks like this:
Description
When Building Slides I sometimes find it helpful to have nested list
So I can make a point
Before doing a point again
And then later
I'm not 100% sure how many levels of nested points should be supported. Maybe having something like a FlutterDeckBulletListItem({String title, List<FlutterDeckBulletListItem>? nestedItems})
could be a good start and allow maximum flexibility
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.