Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Card Widgets does not support white color and rest of Colors supports #156579

Closed
ut7174 opened this issue Oct 11, 2024 · 3 comments
Closed

Card Widgets does not support white color and rest of Colors supports #156579

ut7174 opened this issue Oct 11, 2024 · 3 comments
Labels
in triage Presently being triaged by the triage team r: timeout Issue is closed due to author not providing the requested details in time waiting for customer response The Flutter team cannot make further progress on this issue until the original reporter responds

Comments

@ut7174
Copy link

ut7174 commented Oct 11, 2024 •
edited by danagbemava-nc
Loading

Steps to reproduce

Card widgets do not support a white color. However, they do support a variety of other colors.

Expected results

Card Widgets does not support white color and rest of Colors supports I want card also support white color

Actual results

Default Flutter color show when use white

Code sample

Code sample 
 Widget _buildProfileCard() {
    return Card(
      color: Colors.white,
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)),
      child: Padding(
        padding: const EdgeInsets.all(16),
        child: Row(
          children: [
            const CircleAvatar(
              radius: 30,
              backgroundImage: AssetImage('assets/Ellipse 3067.png'),
            ),
            const SizedBox(width: 16),
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    'Alexander Michael',
                    style: GoogleFonts.poppins(
                      fontSize: 18.sp,
                      fontWeight: FontWeight.bold,
                    ),
                  ),
                  Text(
                    '+91 9410000123',
                    style: GoogleFonts.poppins(
                      fontSize: 14.sp,
                      color: Colors.grey[600],
                    ),
                  ),
                ],
              ),
            ),
            const Icon(Icons.edit, color: Color(0xFF3F51B5)),
          ],
        ),
      ),
    );
  }

Screenshots or Video

Screenshots / Video demonstration

[Upload media here]

Logs

Logs 
[Paste your logs here]

Flutter Doctor output

Doctor output 
 fvm flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.16.9, on macOS 15.0 24A335 darwin-arm64, locale en-IN)
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[!] Xcode - develop for iOS and macOS (Xcode 16.0)
    ! iOS 18.0 Simulator not installed; this may be necessary for iOS and macOS development.
      To download and install the platform, open Xcode, select Xcode > Settings > Platforms,
      and click the GET button for the required platform.

      For more information, please visit:
        https://developer.apple.com/documentation/xcode/installing-additional-simulator-runtimes
[✓] Chrome - develop for the web
[✓] Android Studio (version 2024.1)
[✓] VS Code (version 1.93.1)
[✓] Connected device (3 available)            
    ! Error: Browsing on the local area network for Ashish’s iPhone (2). Ensure the device is unlocked and attached with a cable or associated
      with the same local area network as this Mac.
      The device must be opted into Developer Mode to connect wirelessly. (code -27)
[✓] Network resources

! Doctor found issues in 1 category.

codenia@Codenias-MacBook-Pro givzo %
@danagbemava-nc danagbemava-nc added the in triage Presently being triaged by the triage team label Oct 11, 2024
@danagbemava-nc
Copy link
Member

Hi @ut7174, you're using an older version of flutter. Kindly upgrade to the latest version of flutter stable to see if you still experience this issue. If you do, please provide the updated output of flutter doctor -v along with a complete minimal reproducible code sample so that we can properly investigate this.

Any screenshots of the issue would also help.

Thank you

@danagbemava-nc danagbemava-nc added the waiting for customer response The Flutter team cannot make further progress on this issue until the original reporter responds label Oct 11, 2024
@nate-thegrate
Copy link
Member

Here's a DartPad code sample that correctly displays a white card: https://dartpad.dev/?id=152b044160cb0f2c44a766cbd3d550e3

@ut7174 I recommend double-checking the "surface tint color"; it's possible that setting surfaceTintColor to white would resolve your issue.

If not, please update the comment so that the code sample can be copy-pasted & run (for example via DartPad) as @danagbemava-nc has suggested.


Thank you!

@github-actions GitHub Actions
Copy link

github-actions bot commented Nov 1, 2024

Without additional information, we are unfortunately not sure how to resolve this issue. We are therefore reluctantly going to close this bug for now.
If you find this problem please file a new issue with the same description, what happens, logs and the output of 'flutter doctor -v'. All system setups can be slightly different so it's always better to open new issues and reference the related ones.
Thanks for your contribution.

@danagbemava-nc danagbemava-nc closed this as not planned Won't fix, can't repro, duplicate, stale Nov 1, 2024
@danagbemava-nc danagbemava-nc added the r: timeout Issue is closed due to author not providing the requested details in time label Nov 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
in triage Presently being triaged by the triage team r: timeout Issue is closed due to author not providing the requested details in time waiting for customer response The Flutter team cannot make further progress on this issue until the original reporter responds
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@nate-thegrate @danagbemava-nc @ut7174