Youtube_player_flutter: [बग] YoutubePlayerIFrame स्क्रॉलिंग समस्या (स्पंदन वेब)

को निर्मित 3 फ़र॰ 2021 · 9टिप्पणियाँ · स्रोत: sarbagyastha/youtube_player_flutter

बग का वर्णन करें
यदि आप सूचीदृश्य के अंदर YoutubePlayerIFrame डालते हैं, तो विजेट पर होवर करें और स्क्रॉल करने का प्रयास करें - यह काम नहीं करता है।

प्रजनन करना
व्यवहार को पुन: पेश करने के लिए कदम:

स्पंदन ऐप बनाएं
youtube_player_iframe पैकेज जोड़ें
एक सूचीदृश्य बनाएं, कुछ परीक्षण तत्व और YoutubePlayerIFrame विजेट जोड़ें।
जब माउस YoutubePlayerIFrame विजेट पर होता है तो स्क्रॉलिंग काम नहीं करती है। ऐसा लगता है कि यह सभी इशारों को रोकता है।

अपेक्षित् व्यवहार
ListView मूल ऐप्स की तरह स्क्रॉल करने योग्य होना चाहिए।

टेक्निकल डिटेल:

डिवाइस: [स्पंदन वेब]

bug

स्रोत

ozz-rjq

👍7

सबसे उपयोगी टिप्पणी

इस कोड को जोड़ने का प्रयास करें ताकि यह रोका जा सके कि घटक में वेबव्यू स्क्रॉल ईवेंट को संभालने का प्रयास करता है

YoutubePlayerIFrame(
      gestureRecognizers: <Factory<OneSequenceGestureRecognizer>>{},
      controller: _controller,
),

मोबाइल में ठीक काम करता है सादर!

Jairolaya12x 26 फ़र॰ 2021

👍6

सभी 9 टिप्पणियाँ

YoutubePlayerIFrame(
      gestureRecognizers: <Factory<OneSequenceGestureRecognizer>>{},
      controller: _controller,
),

मोबाइल में ठीक काम करता है सादर!

Jairolaya12x 26 फ़र॰ 2021

👍6

      gestureRecognizers: <Factory<OneSequenceGestureRecognizer>>{},

यह समाधान वेब पर काम नहीं करता है।

मेरे साथ भी वही दिक्कत है।

FerBueroTrebino 23 मार्च 2021

👍2

मेरे पास एक ही समस्या है, क्या कोई है जिसके पास इसका समाधान हो सकता है?

quangvtvp 3 जून 2021

मेरे पास एक ही समस्या है, क्या कोई है जिसके पास इसका समाधान हो सकता है?

@quangvtvp मेरा समाधान पैकेज youtube_plyr_iframe में बदलना था।

FerBueroTrebino 3 जून 2021

मेरे पास एक ही समस्या है, क्या कोई है जिसके पास इसका समाधान हो सकता है?
@quangvtvp मेरा समाधान पैकेज youtube_plyr_iframe में बदलना था।

@FerBueroTrebino यह भी वेब पर काम नहीं कर रहा है, क्या आपने किसी विशिष्ट कॉन्फ़िगरेशन का उपयोग किया है?

deepakrana0011 9 जून 2021

@deepakrana0011 क्या आपने स्क्रॉलबार विजेट जोड़ने का प्रयास किया?

मेरे कार्यान्वयन का कोड यहां दिया गया है:

class YoutubePlayer extends StatefulWidget {
  final String videoID;
  YoutubePlayer(this.videoID);
  <strong i="8">@override</strong>
  _YoutubePlayerState createState() => _YoutubePlayerState();
}

class _YoutubePlayerState extends State<YoutubePlayer> {
  <strong i="9">@override</strong>
  Widget build(BuildContext context) {
    return Material(
      color: Colors.transparent,
      child: InkWell(
        onTap: () {
          _showDialog(
            context,
            widget.videoID,
          );
        },
        child: Stack(
          alignment: Alignment.center,
          children: <Widget>[
            Stack(
              children: <Widget>[
                LayoutBuilder(
                  builder: (context, constraints) {
                    if (kIsWeb && constraints.maxWidth > 800) {
                      return Container(
                        color: Colors.transparent,
                        padding: EdgeInsets.all(5),
                        width: MediaQuery.of(context).size.width / 2,
                        child: ClipRRect(
                          borderRadius: BorderRadius.circular(10.0),
                          child: new Image.network(
                            YoutubePlayerController.getThumbnail(
                                videoId: widget.videoID,
                                // todo: get thumbnail quality from list
                                quality: ThumbnailQuality.max),
                            fit: BoxFit.fill,
                          ),
                        ),
                      );
                    } else {
                      return Container(
                        color: Colors.transparent,
                        padding: EdgeInsets.all(5),
                        width: MediaQuery.of(context).size.width * 2,
                        child: ClipRRect(
                          borderRadius: BorderRadius.circular(10.0),
                          child: new Image.network(
                            YoutubePlayerController.getThumbnail(
                                videoId: widget.videoID,
                                // todo: get thumbnail quality from list
                                quality: ThumbnailQuality.max,
                                webp: false),
                            fit: BoxFit.fill,
                          ),
                        ),
                      );
                    }
                  },
                ),
              ],
            ),
            Icon(
              Icons.play_circle_filled,
              color: Colors.white,
              size: 55.0,
            ),
          ],
        ),
      ),
    );
  }

FerBueroTrebino 9 जून 2021

@deepakrana0011 क्या आपने स्क्रॉलबार विजेट जोड़ने का प्रयास किया?

मेरे कार्यान्वयन का कोड यहां दिया गया है:

class YoutubePlayer extends StatefulWidget {
  final String videoID;
  YoutubePlayer(this.videoID);
  <strong i="9">@override</strong>
  _YoutubePlayerState createState() => _YoutubePlayerState();
}

class _YoutubePlayerState extends State<YoutubePlayer> {
  <strong i="10">@override</strong>
  Widget build(BuildContext context) {
    return Material(
      color: Colors.transparent,
      child: InkWell(
        onTap: () {
          _showDialog(
            context,
            widget.videoID,
          );
        },
        child: Stack(
          alignment: Alignment.center,
          children: <Widget>[
            Stack(
              children: <Widget>[
                LayoutBuilder(
                  builder: (context, constraints) {
                    if (kIsWeb && constraints.maxWidth > 800) {
                      return Container(
                        color: Colors.transparent,
                        padding: EdgeInsets.all(5),
                        width: MediaQuery.of(context).size.width / 2,
                        child: ClipRRect(
                          borderRadius: BorderRadius.circular(10.0),
                          child: new Image.network(
                            YoutubePlayerController.getThumbnail(
                                videoId: widget.videoID,
                                // todo: get thumbnail quality from list
                                quality: ThumbnailQuality.max),
                            fit: BoxFit.fill,
                          ),
                        ),
                      );
                    } else {
                      return Container(
                        color: Colors.transparent,
                        padding: EdgeInsets.all(5),
                        width: MediaQuery.of(context).size.width * 2,
                        child: ClipRRect(
                          borderRadius: BorderRadius.circular(10.0),
                          child: new Image.network(
                            YoutubePlayerController.getThumbnail(
                                videoId: widget.videoID,
                                // todo: get thumbnail quality from list
                                quality: ThumbnailQuality.max,
                                webp: false),
                            fit: BoxFit.fill,
                          ),
                        ),
                      );
                    }
                  },
                ),
              ],
            ),
            Icon(
              Icons.play_circle_filled,
              color: Colors.white,
              size: 55.0,
            ),
          ],
        ),
      ),
    );
  }

@FerBueroTrebino कोड के अनुसार आप केवल youtube वीडियो का थंबनेल दिखा रहे हैं जहाँ आप youtube वीडियो चला रहे हैं

deepakrana0011 10 जून 2021

वही यहाँ, मैं वास्तव में नहीं जानता कि क्या करना है ....
Iv ने स्क्रैच से VIMEO तक एक खिलाड़ी बनाया और स्पंदन से वीडियो प्लेयर का उपयोग करके ठीक काम करता है, लेकिन youtube के सभी खिलाड़ियों के पास बहुत सारे मुद्दे हैं जिनका जवाब कोई नहीं दे सकता है कि कैसे ठीक किया जाए

Katekko 7 जुल॰ 2021

स्क्रॉल मुद्दे पर कोई अपडेट? या कुछ और वेब के लिए काम करता है?
मैंने कुछ ऐसा करने की कोशिश की
यह: स्टैक ओवरफ्लो

yeasin50 16 जुल॰ 2021

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Youtube_player_flutter: [बग] YoutubePlayerIFrame स्क्रॉलिंग समस्या (स्पंदन वेब)

सबसे उपयोगी टिप्पणी

सभी 9 टिप्पणियाँ

संबंधित मुद्दों