Questions tagged [flutter-card]

38 questions
35
votes
2 answers

How to change height of a card in flutter

Card( semanticContainer: true, clipBehavior: Clip.antiAliasWithSaveLayer, child: Image.network( 'https://placeimg.com/640/480/any',fit: BoxFit.fill), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(10.0), ), …
justy
  • 353
  • 1
  • 3
  • 4
5
votes
3 answers

GestureDedector's onTap event not working for Sizedbox

I've got a problem with onTap event for GestureDedector. I tried in card too but not working. When I tap sizedbox nothing happens. GestureDetector( onTap: () => GoToPage(), child: SizedBox( …
4
votes
1 answer

Flutter. Column mainAxisAlignment spaceBetween not working inside Row

I am trying to make a screen like this: For this I'm using ListView with custom item. Here is my code of item: @override Widget build(BuildContext context) { return Padding( padding: const EdgeInsets.all(10), child: Card( …
4
votes
1 answer

Container size depending on his content (text)

I want my container to have different size depending on their content (in this case a text), if one user write a longer text the container will be biger and if another user write a shorter text the container will be smaller. Is it possible? And if…
Ozz
  • 97
  • 1
  • 9
4
votes
0 answers

Align Text in custom created Shape : Flutter

I have created one Custom shape in Flutter. The issue I am facing is, I have used ShapeBorder and assigned it Card. I want to align my text inside the drawn widget but currently it's also considering oursider view as a part of a widget. Here is the…
Aanal Shah
  • 1,946
  • 2
  • 20
  • 30
3
votes
1 answer

Listview.builder with dynamic items

I'm pretty new at Flutter and trying to make a simple app, where I fetch data with an API and trying to show the results. This function is responsible to get the data (this function works fine, I get the data): Connection connection = Connection(); …
Ballazx
  • 431
  • 4
  • 12
3
votes
2 answers

Column is taking more space than required in Flutter

I am trying to build a page view which is in a column. The page view will hold cards. i want the size of the page view to be dynamic to it's content i.e the card, but i am unable to achieve that. Apparently the column in the card is taking up more…
Muneeb Ahmad
  • 79
  • 3
  • 10
2
votes
0 answers

How to code dynamic FlipCard List with FutureBuilder in Flutter

I am very new at flutter and I tried writing "body: new ListView.builder....." but it does not work, I am getting always red underline. Can you help me to fix this. I am getting the data to the flipcards from json albüm so I think I must use future…
2
votes
1 answer

How to change card color upon selection of an item in Flutter?

I have multiple cards listed in a gridView which is fetched from the model. I want to change the background color of a particular card upon selection of the card. That is, when I touch the card, I want the color of that one card to change, and if I…
1
vote
1 answer

Edit an image brightness while using Slider in Flutter

I'd like to edit an image brightness while using Slider in Flutter. Edit the brightness, contrast, and so on.
1
vote
1 answer

How can I make a card type layout for a Pinterest-type masonry layout?

I am working on a Flutter/Dart rescue cat adoption app and I have a Pintrest style masonry grid layout of the cats available. I have a rough draft of a card which shows a photo of the cat and below that basic info like name and breed and…
Gregory Williams
  • 453
  • 5
  • 18
1
vote
2 answers

Making a card having text and image using Row and an inner Column

My card's text part has multiple text widgets that I have to put under column. I want to add this whole part under a row widget, so that I can add the image part to the right of this column widget. This is what I've done: class ContactMe extends…
Shourya Shikhar
  • 1,342
  • 1
  • 11
  • 29
1
vote
1 answer

Flutter Card Layout

So I'm new to flutter, and I'm trying to make a card. But I can't seem to get my desired output. I tried to separate the different widgets, by using rows and columns, but I kept messing it up. This is my target output Target output This is my…
Nzo
  • 17
  • 8
1
vote
0 answers

How do I make my OnTap to move to a new screen?

This is part of my code, when I tap it does not move to MathYear() page GestureDetector( onTap: (){ Navigator.push(context, MaterialPageRoute(builder: (context) => MathYear() ), …
1
vote
2 answers

How to create a card in a listview with button press on Flutter?

Listview will be empty after the click I would like to create a card in the ListView on flutter. Is it also possible to create a dynamic home page? For example when there will be no any card on the list it is going to write on the background there…
user13253187
1
2 3