Вот 10 примеров использования функций с возвращаемым значением (используя return
) в Flutter и StatefulWidget
. Эти примеры показывают, как можно использовать return
для вычислений, обработки данных и управления состоянием.
Пример 1: Приветственное сообщение
Copy import 'package:flutter/material.dart';
class GreetingApp extends StatefulWidget {
@override
_GreetingAppState createState() => _GreetingAppState();
}
class _GreetingAppState extends State<GreetingApp> {
String getGreeting(String name) {
return "Hello, $name!";
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text("Greeting Example")),
body: Center(child: Text(getGreeting("User"))),
);
}
}
Объяснение : Функция getGreeting
возвращает строку приветствия для указанного имени, и это сообщение отображается на экране.
Пример 2: Вычисление площади прямоугольника
Copy import 'package:flutter/material.dart';
class AreaCalculatorApp extends StatefulWidget {
@override
_AreaCalculatorAppState createState() => _AreaCalculatorAppState();
}
class _AreaCalculatorAppState extends State<AreaCalculatorApp> {
double calculateArea(double width, double height) {
return width * height;
}
@override
Widget build(BuildContext context) {
double width = 5;
double height = 10;
return Scaffold(
appBar: AppBar(title: Text("Area Calculator")),
body: Center(
child: Text("Area: ${calculateArea(width, height)}"),
),
);
}
}
Объяснение : calculateArea
возвращает площадь, которая отображается в текстовом виджете.
Пример 3: Получение цвета статуса
Copy import 'package:flutter/material.dart';
class StatusColorApp extends StatefulWidget {
@override
_StatusColorAppState createState() => _StatusColorAppState();
}
class _StatusColorAppState extends State<StatusColorApp> {
bool isActive = true;
Color getStatusColor() {
return isActive ? Colors.green : Colors.red;
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text("Status Color Example")),
body: Center(
child: Text(
isActive ? "Active" : "Inactive",
style: TextStyle(color: getStatusColor(), fontSize: 24),
),
),
floatingActionButton: FloatingActionButton(
onPressed: () => setState(() => isActive = !isActive),
child: Icon(Icons.toggle_on),
),
);
}
}
Объяснение : getStatusColor
возвращает цвет в зависимости от состояния, который используется в текстовом виджете.
Пример 4: Проверка на чётность числа
Copy import 'package:flutter/material.dart';
class EvenOddApp extends StatefulWidget {
@override
_EvenOddAppState createState() => _EvenOddAppState();
}
class _EvenOddAppState extends State<EvenOddApp> {
int number = 1;
bool isEven(int number) {
return number % 2 == 0;
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text("Even/Odd Checker")),
body: Center(
child: Text(
isEven(number) ? "$number is Even" : "$number is Odd",
style: TextStyle(fontSize: 24),
),
),
floatingActionButton: FloatingActionButton(
onPressed: () => setState(() => number++),
child: Icon(Icons.add),
),
);
}
}
Объяснение : isEven
возвращает true
или false
, в зависимости от чётности числа.
Пример 5: Генерация случайного числа
Copy import 'dart:math';
import 'package:flutter/material.dart';
class RandomNumberApp extends StatefulWidget {
@override
_RandomNumberAppState createState() => _RandomNumberAppState();
}
class _RandomNumberAppState extends State<RandomNumberApp> {
int generateRandomNumber() {
return Random().nextInt(100);
}
@override
Widget build(BuildContext context) {
int randomNumber = generateRandomNumber();
return Scaffold(
appBar: AppBar(title: Text("Random Number")),
body: Center(
child: Text("Random Number: $randomNumber", style: TextStyle(fontSize: 24)),
),
floatingActionButton: FloatingActionButton(
onPressed: () => setState(() {}),
child: Icon(Icons.refresh),
),
);
}
}
Объяснение : generateRandomNumber
возвращает случайное число, которое отображается на экране.
Copy import 'package:flutter/material.dart';
class CurrencyApp extends StatefulWidget {
@override
_CurrencyAppState createState() => _CurrencyAppState();
}
class _CurrencyAppState extends State<CurrencyApp> {
String formatCurrency(double amount) {
return "\$${amount.toStringAsFixed(2)}";
}
@override
Widget build(BuildContext context) {
double price = 12.345;
return Scaffold(
appBar: AppBar(title: Text("Currency Formatter")),
body: Center(child: Text("Price: ${formatCurrency(price)}")),
);
}
}
Объяснение : formatCurrency
форматирует число как валюту с двумя знаками после запятой.
Пример 7: Получение текущей даты
Copy import 'package:flutter/material.dart';
class DateApp extends StatefulWidget {
@override
_DateAppState createState() => _DateAppState();
}
class _DateAppState extends State<DateApp> {
String getCurrentDate() {
return DateTime.now().toLocal().toString().split(' ')[0];
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text("Current Date")),
body: Center(
child: Text("Today's Date: ${getCurrentDate()}", style: TextStyle(fontSize: 24)),
),
);
}
}
Объяснение : getCurrentDate
возвращает текущую дату в формате строки.
Пример 8: Подсчёт слов
Copy import 'package:flutter/material.dart';
class WordCountApp extends StatefulWidget {
@override
_WordCountAppState createState() => _WordCountAppState();
}
class _WordCountAppState extends State<WordCountApp> {
int countWords(String text) {
return text.split(' ').length;
}
@override
Widget build(BuildContext context) {
String sampleText = "Flutter is a great framework!";
return Scaffold(
appBar: AppBar(title: Text("Word Counter")),
body: Center(
child: Text("Word count: ${countWords(sampleText)}"),
),
);
}
}
Объяснение : countWords
возвращает количество слов в тексте.
Пример 9: Проверка положительности числа
Copy import 'package:flutter/material.dart';
class NumberCheckApp extends StatefulWidget {
@override
_NumberCheckAppState createState() => _NumberCheckAppState();
}
class _NumberCheckAppState extends State<NumberCheckApp> {
int number = -3;
bool isPositive(int number) {
return number > 0;
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text("Positive/Negative Checker")),
body: Center(
child: Text(
isPositive(number) ? "$number is Positive" : "$number is Negative",
style: TextStyle(fontSize: 24),
),
),
floatingActionButton: FloatingActionButton(
onPressed: () => setState(() => number = -number),
child: Icon(Icons.refresh),
),
);
}
}
Объяснение : isPositive
возвращает true
или false
в зависимости от того, положительное ли число.
Пример 10: Возврат статуса переключателя
Copy import 'package:flutter/material.dart';
class ToggleStatusApp extends StatefulWidget {
@override
_ToggleStatusAppState createState() => _ToggleStatusAppState();
}
class _ToggleStatusAppState extends State<ToggleStatusApp> {
bool isEnabled = false;
String getStatus() {
return isEnabled ? "Enabled" : "Disabled";
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text("Toggle Status")),
body: Center(
child: Text("Status: ${getStatus()}", style: TextStyle(fontSize: 24)),
),
floatingActionButton: FloatingActionButton(
onPressed: () => setState(() => isEnabled = !isEnabled),
child: Icon(Icons.toggle_on),
),
);
}
}
Объяснение : getStatus
возвращает текстовый статус переключателя (`Enabled
Last updated 6 months ago