Put scrolling effect on my code

Asked

Viewed 160 times

1

I’m new to flutter and would like to know how I do to have that scrolling effect I think is called scrollView, for the user to read the rest of the text

The result is getting like this; https://firebasestorage.googleapis.com/v0/b/lojavirtual-41732.appspot.com/o/1.PNG?alt=media&token=be2208d7-6631-4d95-b655-7e3bad85e192

import 'package:flutter/material.dart';
import 'package:loja_virtual/screens/login_screen.dart';

class OrdersTabVarejo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {

    return Container(
        padding: EdgeInsets.all(20.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          mainAxisAlignment: MainAxisAlignment.start,
          children: <Widget>[

            Text("Leia com atenção\n\n"
                "Estamos sempre desenvolvendo novos recursos e tecnologias para melhorar nossos serviços. "
                "Por exemplo, investimos em inteligência artificial que usa aprendizado de máquina para detectar e "
                "bloquear spam e malware, além de oferecer recursos inovadores, como tradução simultânea. Como "
                "parte dessa melhoria contínua, às vezes adicionamos ou removemos recursos e funcionalidades, "
                "aumentamos ou diminuímos limites para nossos serviços e começamos a oferecer novos serviços ou "
                "deixamos de oferecer os antigos. Estamos sempre desenvolvendo novos recursos e tecnologias para "
                "melhorar nossos serviços. Por exemplo, investimos em inteligência artificial que usa aprendizado de "
                "melhorar nossos serviços. Por exemplo, investimos em inteligência artificial que usa aprendizado de",
              style: TextStyle(fontSize: 20.0,),
              textAlign: TextAlign.justify,
            ),
            SizedBox(height: 16.0,),
            RaisedButton(
              child: Text("Continuar", style: TextStyle(fontSize: 18.0),),
              textColor: Colors.white,
              color: Theme.of(context).primaryColor,
              onPressed: (){
                Navigator.of(context).push(
                    MaterialPageRoute(builder: (context)=>LoginScreen())
                );
                CustomScrollView(

                );
              },
            )
          ],
        ),
      );
   }

}

1 answer

2

Just create a widget with scrolling.

You can have more than one scrollable widget on your screen, if you want the entire screen to be scrollable, you can add this widget right at the root of your widgets tree:

Container(
  padding: EdgeInsets.all(20.0),
  child: SingleChildScrollView(
    child: Column(
      crossAxisAlignment: CrossAxisAlignment.stretch,
      mainAxisAlignment: MainAxisAlignment.start,
      children: <Widget>[

        Text("Leia com atenção\n\n"
            "Estamos sempre desenvolvendo novos recursos e tecnologias para melhorar nossos serviços. "
            "Por exemplo, investimos em inteligência artificial que usa aprendizado de máquina para detectar e "
            "bloquear spam e malware, além de oferecer recursos inovadores, como tradução simultânea. Como "
            "parte dessa melhoria contínua, às vezes adicionamos ou removemos recursos e funcionalidades, "
            "aumentamos ou diminuímos limites para nossos serviços e começamos a oferecer novos serviços ou "
            "deixamos de oferecer os antigos. Estamos sempre desenvolvendo novos recursos e tecnologias para "
            "melhorar nossos serviços. Por exemplo, investimos em inteligência artificial que usa aprendizado de "
            "melhorar nossos serviços. Por exemplo, investimos em inteligência artificial que usa aprendizado de",
          style: TextStyle(fontSize: 20.0,),
          textAlign: TextAlign.justify,
        ),
        SizedBox(height: 16.0,),
        RaisedButton(
          child: Text("Continuar", style: TextStyle(fontSize: 18.0),),
          textColor: Colors.white,
          color: Theme.of(context).primaryColor,
          onPressed: (){
            Navigator.of(context).push(
                MaterialPageRoute(builder: (context)=>LoginScreen())
            );
            CustomScrollView(

            );
          },
        )
      ],
    ),
  ),
);

Browser other questions tagged

You are not signed in. Login or sign up in order to post.