In flutter there is a String Array List function named as StringList.join() which is used to Convert Complete String Array List Object to Single String Variable in both flutter Android iOS application. Using the join() method we can put specific alphabets or any other special character between each item of Array String List. The join() method returns us the complete converted array object into single string.
Contents in this project Flutter Convert Complete String Array List Object to Single String Variable:
1. Open your project’s main.dart file and import material.dart package.
|
1 |
import 'package:flutter/material.dart'; |
2. Creating the void main runApp() method and here we would call our main MyApp class.
|
1 |
void main() => runApp(MyApp()); |
3. Creating the main class named as MyApp extends StatelessWidget. This is our root parent class.
|
1 2 3 4 5 |
class MyApp extends StatelessWidget { } |
4. Creating a final type List String Array named as alphabets. In this array we would store some random alphabets.
|
1 2 3 4 5 6 7 8 9 10 11 12 |
final List<String> alphabets = [ 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J' ]; |
5. Creating the Widget Build method and here we would first create the Material App widget -> Scaffold widget -> Safe Area Widget -> Center Widget -> Padding widget -> Text Widget.
Note:- In the Text widget we would use the ${alphabets.join("," + " ")} method to convert the List String into single string variable and then print on mobile screen.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
Widget build(BuildContext context) { return MaterialApp( home: Scaffold( body: SafeArea( child: Center( child: Padding( padding: EdgeInsets.fromLTRB(20, 20, 20, 20), child: Text( '${alphabets.join("," + " ")}', style: TextStyle(fontSize: 20, color: Colors.black), textAlign: TextAlign.center, )), )))); } |
6. Complete source code for main.dart file:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { final List<String> alphabets = [ 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J' ]; @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( body: SafeArea( child: Center( child: Padding( padding: EdgeInsets.fromLTRB(20, 20, 20, 20), child: Text( '${alphabets.join("," + " ")}', style: TextStyle(fontSize: 20, color: Colors.black), textAlign: TextAlign.center, )), )))); } } |
Screenshot:
