Debug School

rakesh kumar
rakesh kumar

Posted on • Edited on

Widget overflowed by pixels

my code is

Error : Right overflowed by pixel

    DropdownButtonFormField<String>(
        decoration: InputDecoration(
          labelText: 'URL',
    border: OutlineInputBorder(
      borderRadius: BorderRadius.circular(10.0),
      borderSide: BorderSide(color: Colors.blue, width: 2),
    ),
        ),
        value: urlDropdownItems.any((item) => item.value == selectedUrlId)
        ? selectedUrlId
        : null,  // Fallback to null if selectedUrlId is not in the list
        items: urlDropdownItems,
        onChanged: widget.keywordId == null
        ? (value) {
            setState(() {
              selectedUrlId = value;
              final organizationViewModel = Provider.of<OrganizationViewModel>(context, listen: false);
              final selectedUrlItem = organizationViewModel.my_urls.firstWhere(
                (url) => url.id.toString() == value,
              );
              selectedUrlName = selectedUrlItem.url ?? 'Unknown';
            });
          }
        : null,  // Disable if in edit mode
        validator: (value) {
      if (value == null || value.isEmpty) {
        return 'Please select a URL';
      }
      return null;
        },
        disabledHint: Text(selectedUrlName ?? 'Unknown'), // Show selected URL when disabled
      ),
Enter fullscreen mode Exit fullscreen mode

Image description

solution

  isExpanded: true,  // Ensure the dropdown button takes up full width
Enter fullscreen mode Exit fullscreen mode
   DropdownButtonFormField<String>(
        decoration: InputDecoration(
          labelText: 'URL',
    border: OutlineInputBorder(
      borderRadius: BorderRadius.circular(10.0),
      borderSide: BorderSide(color: Colors.blue, width: 2),
    ),
        ),
        value: urlDropdownItems.any((item) => item.value == selectedUrlId)
        ? selectedUrlId
        : null,  // Fallback to null if selectedUrlId is not in the list
        items: urlDropdownItems,
        onChanged: widget.keywordId == null
        ? (value) {
            setState(() {
              selectedUrlId = value;
              final organizationViewModel = Provider.of<OrganizationViewModel>(context, listen: false);
              final selectedUrlItem = organizationViewModel.my_urls.firstWhere(
                (url) => url.id.toString() == value,
              );
              selectedUrlName = selectedUrlItem.url ?? 'Unknown';
            });
          }
        : null,  // Disable if in edit mode
        validator: (value) {
      if (value == null || value.isEmpty) {
        return 'Please select a URL';
      }
      return null;
        },
          isExpanded: true,
        disabledHint: Text(selectedUrlName ?? 'Unknown'), // Show selected URL when disabled
      ),
Enter fullscreen mode Exit fullscreen mode

output

Image description

Image description
Image description
Image description
Image description
Image description
Image description

click here
click here
click here

Top comments (0)