開発スタッフがアプリ関連の最新技術やニュースをご紹介します。

This week I would like to share you about how to add share option button in flutter. Let’s get started!

First thing we need to do is to add this share pub in your pubspec.yaml file.

dependencies:
  share: ^2.0.4

We can simply apply the share pub in the code.

return Scaffold(
      appBar: AppBar(
        title : const Text('Share option '),
        actions: [
          Padding(padding: const EdgeInsets.all(10),
            child: IconButton(
              icon : const Icon(Icons.share_outlined),
              onPressed: () {
                Share.share("https://dummy~~~~~~~.com");

              },
            )
          )
        ],
      ),
    );

Hope you enjoyed this article!

By Ami

Tweet

This week also let’s learn flutter new things. I will show you how to copy and paste a text with flutter. Let’s start coding.

First thing we need to do is add this clipboard package in pubspec.yaml file.

flutter pub add clipboard

Copy to clipboard

FlutterClipboard.copy(field.text).then(( value ) => print('copied'));

Paste from clipboard

FlutterClipboard.paste().then((value) {
    // Do what ever you want with the value.
    setState(() {
      field.text = value;
      pasteValue = value;
    });
  });

For text editing field :

TextEditingController field = TextEditingController();
TextFormField(
                controller: field,
                decoration: const InputDecoration(
                    hintText: 'Enter text'
                ),
              ),

Hope you enjoyed this article!

By ami

Tweet

This week I would like to share about scrollbar widget and how to use it. Let’s go and start code!

By default scrollbar widget in flutter don’t show a scrollbar. But that’s fine in many cases but in others, you do want to display a scrollbar. Scrollbars show the users how far they’ve scrolled, and they allow things like jumping to a particular point in the list.

To show scrollbar use the widget called Scrollbar!

Make sure the scrollbar widget is finite. For example, it’s a ListView.builder, make sure itemCount is defined.

return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Scrollbar(
            child: ListView.builder(
              itemCount: 20,
              itemBuilder: (context, index) {
                return Card(
                  child : ListTile(
                    title: Text("Item: ${index + 1}"),
                  )
                );
              }
            )
          ),
        )
      )
    );

Hoped you enjoyed this article!

By Ami

Tweet

Take a moment to think back to the last time you looked at the settings page. If you wish you would quickly and easily create a list of toggle switches like that, just use SwitchListTile.

Switch List Tile, you get a little tile that’s tappable anywhere to switch a toggle from off to on.

SwitchListTitles API looks a lot like widgets of similar names. ListTile, CheckboxListTile, RadioListTile, SwitchListTile all follow the same pattern.

ListTile(
 title: Text("List Tile"),
),
SwitchListTile(
 title: Text("Switch List Tile"),
/*.....*/
),

Start with the title : Text, which will appear in the middle of the tile. Then you can add Icons to either end, and with the control tiles like SwitchListTile.

ListTile(
 title: Text("List Tile"),
 leading: Icon(Icons.ac_unit),
 trailing: Fire(),
),
SwitchListTile(
 title: Text("Switch List Tile"),
 secondary: Icon(Icons.ac_unit),
 
),

Hope you enjoyed this article!

By Ami

Tweet

We might heard about the news of codespace from github recently. If you don’t , it’s ok. I will briefly introduce about codespace today.

GitHub has announced its product, Codespaces recently for its daily development flow. Codespaces provides a full-featured cloud-hosted development environment that can be very useful for day to day development or short interval period development for overall cases. Codespaces now supports Emacs, Vim and Visual Studio Code as code editors.

After Microsoft bought Github, I knew this is probably coming as a service and here it is. They said

Local development environments are fragile. And even when functioning perfectly, a single-context, bespoke local development environment felt increasingly out of step with the instant-on, access-from-anywhere world in which we now operate.

The Codespaces can run directly within GitHub, so developers can start contributing to their projects almost instantly.

According to GitHub, The target of Codespaces not only fixed the issue of vulnerabilities in the local environment, but also provided additional opportunities to improve the development experience. Much effort to run in a single developer local environment. Similarly, developer machines can be upgraded to higher specs very easily.

You can see the official announcement blog here and don’t forget to try it out as it’s exciting to do a development not at locally as we usually do, this time is at cloud.

Yuuma.

Tweet