Я хочу написать текст прозрачным цветом на изображении. вот так.
Я хочу написать текст поверх изображения, но не могу сделать это должным образом.
Это мой код.
Я хочу написать текст поверх изображения, но не могу сделать это должным образом. И я также хочу прозрачный цвет для текста. Пожалуйста, помогите мне.
import 'package:card_example/color_filters.dart';
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
static final String title = 'Card Example';
@override
Widget build(BuildContext context) => MaterialApp(
debugShowCheckedModeBanner: false,
title: title,
theme: ThemeData(primarySwatch: Colors.deepOrange),
home: MainPage(title: title),
);
}
class MainPage extends StatefulWidget {
final String title;
const MainPage({
@required this.title,
});
@override
_MainPageState createState() => _MainPageState();
}
class _MainPageState extends State<MainPage> {
@override
Widget build(BuildContext context) => Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: ListView(
padding: EdgeInsets.all(16),
children: [
Card(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(24),
),
child: Stack(
alignment: Alignment.center,
children: [
Ink.image(
image: NetworkImage(
'https://resources.pulse.icc-cricket.com/ICC/photo/2018/04/22/c19486c2-4e5b-48c4-82af-c6d0eebb7bd2/Main.jpg',
),
colorFilter: ColorFilters.greyscale,
child: InkWell(
onTap: () {},
),
height: 240,
fit: BoxFit.cover,
),
Text(
'Sachin Tendulkar',
style: TextStyle(
fontWeight: FontWeight.bold,
color: Colors.white,
fontSize: 24,
),
),
],
),
)
],
),
);
}}
Я хочу написать текст поверх изображения, но не могу сделать это должным образом. И я также хочу прозрачный цвет для текста. Пожалуйста, помогите мне.
Если вы хотите использовать для этого контейнера, и я использую украшение для текстового виджета изображения для текста, то как сделать то же самое, что и на изображении.
Если вы используете стек, ваш текст должен иметь виджет выравнивания, который должен быть принудительно расположен внизу. Если нет, вы можете использовать BoxDecoration из контейнера для создания того же эффекта.
Вы хотите splassEffect?