TextSpan 사용 Flutter: 가이드 및 예제

TextSpan 를 사용하면 Flutter 텍스트의 다양한 부분에 다양한 서식 속성을 적용하여 서식 있는 텍스트를 만들 수 있습니다. 다양한 스타일, 색상, 글꼴 등을 사용하여 텍스트를 만들 수 있습니다. 풍부한 형식의 텍스트를 얻기 위해 및 위젯 TextSpan 내에서 활용됩니다. Text RichText

TextSpan 다음은 위젯 내에서 사용하는 방법의 예입니다 Text.

import 'package:flutter/material.dart';  
  
void main() {  
  runApp(MyApp());  
}  
  
class MyApp extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return MaterialApp(  
      home: MyHomePage(),  
   );  
  }  
}  
  
class MyHomePage extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return Scaffold(  
      appBar: AppBar(  
        title: Text('TextSpan Example'),  
     ),  
      body: Center(  
        child: Text.rich(  
          TextSpan(  
            text: 'Hello ',  
            style: TextStyle(fontSize: 20),  
            children: [  
              TextSpan(  
                text: 'Flutter',  
                style: TextStyle(  
                  fontWeight: FontWeight.bold,  
                  color: Colors.blue,  
               ),  
             ),  
              TextSpan(text: '!'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

이 예에서는 를 사용하여 위젯을 Text.rich 만드는 데 사용합니다. 이를 통해 위젯 내에서 글꼴, 색상, 서식과 같은 고유한 스타일 속성을 가진 여러 가지 텍스트 범위를 만들 수 있습니다. Text TextSpan TextSpan Text

TextSpan RichText 고급 텍스트 서식 기능을 구현하기 위해 위젯 내에서 사용할 수도 있습니다. 여러 인스턴스를 자유롭게 만들고 결합하여 TextSpan 원하는 대로 풍부한 형식의 텍스트를 만들 수 있습니다.

TextSpan 이 예제가 NET에서의 사용 방법을 이해하는 데 도움이 되기를 바랍니다 Flutter.