React-window: Windowscroller

को निर्मित 27 जुल॰ 2018 · 12टिप्पणियाँ · स्रोत: bvaughn/react-window

इस पर अपने काम के लिए धन्यवाद, वास्तव में प्रभावशाली दिखता है this

मुझे दिलचस्पी है कि अगर आप इस लाइब्रेरी में windowscroller कार्यक्षमता जोड़ने के लिए खुले हैं या यदि प्रदर्शन के कारणों के कारण शायद इस लाइब्रेरी के दायरे से बाहर हैं।

हमारे ऐप में हम इस समय प्रतिक्रिया-वर्चुअलाइज्ड का उपयोग करते हैं, लेकिन हमेशा एक अधिक निष्पादन विकल्प पर स्विच करना बहुत अच्छा होता है। यदि मुझे समय मिल सकता है, तो मुझे विंडोज़क्रॉलर कार्यक्षमता के कार्यान्वयन में मदद करने में दिलचस्पी है।

👋 help wanted 😎 enhancement

स्रोत

jfrolich

👍12

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

यदि आपको वास्तव में एक खिड़की के घुमक्कड़ की आवश्यकता है, तो आप केवल एक प्रतिक्रिया-गुणात्मक उपयोग कर सकते हैं।

WindowScroller
https://codesandbox.io/s/vy620pkzzy

WindowScroller गतिशील सामग्री के साथ
https://codesandbox.io/s/xvl23p7okp

PascalSenn 11 अक्तू॰ 2018

👍13 😕1

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

WindowScroller घटकों को बनाए रखने के लिए दर्दनाक में से एक था। मुझे इसकी उपयोगिता दिखाई देती है, लेकिन मुझे यकीन नहीं है कि मैं एक और को बनाए रखने के लिए प्रतिबद्ध हूं। मैं इसके बजाय पसंद करूंगा, यदि संभव हो, तो बाहरी घटक के निर्माण के लिए (और अलग से प्रकाशित) जो प्रतिक्रिया-खिड़की के शीर्ष पर इस कार्यक्षमता को लागू करता है।

मैं इस तरह के एक घटक का समर्थन करने के लिए प्रतिक्रिया-विंडो में कुछ बदलाव करने के लिए तैयार हो सकता हूं, अगर यह मौजूद है, तो यह निर्भर करता है कि वे कितने जटिल होंगे।

हो सकता है कि एक अच्छी प्रारंभिक शुरुआत किसी (आप?) के लिए एक पीआर प्रस्तुत करना हो जो इसे सीधे इस पुस्तकालय में जोड़ता है- इसलिए हम देख सकते हैं कि इसे अलग से प्रकाशित करना कितना जटिल हो सकता है।

bvaughn 27 जुल॰ 2018

👍8 👎1

WindowScroller
https://codesandbox.io/s/vy620pkzzy

WindowScroller गतिशील सामग्री के साथ
https://codesandbox.io/s/xvl23p7okp

PascalSenn 11 अक्तू॰ 2018

👍13 😕1

मुझे लगता है कि मैं अब इस मुद्दे को बंद करने जा रहा हूं क्योंकि मैं इस पर कोई कार्रवाई करने की योजना नहीं बना रहा हूं - और दीर्घकालिक योजना (कम से कम मेरे दिमाग में) वैसे भी एक अलग मॉड्यूल था। मैं अभी भी एक प्रस्ताव पर एक नज़र लेने के लिए खुश हूँ!

bvaughn 11 अक्तू॰ 2018

👍3

हू @PascalSenn , क्या आप सफलता के साथ प्रतिक्रिया-वर्चुअलाइज्ड से WindowScroller का उपयोग कर रहे हैं? अग्रिम में धन्यवाद

carlosagsmendes 11 जन॰ 2019

हाय फिर से @PascalSenn , मैं एक ग्रिड के साथ आपके दृष्टिकोण की कोशिश कर रहा हूं लेकिन यह मेरे लिए काम नहीं कर रहा है। क्या आप मदद कर सकते हैं?

अग्रिम में धन्यवाद

carlosagsmendes 17 जन॰ 2019

@carlosagsmendes
अपनी समस्या को ठीक करने के लिए, आपको डॉक्स पर वापस जाना होगा, जो यह समझा रहा है कि ग्रिड के लिए, आपको सूचियों की तुलना में एक और सर्वोपरि प्रदान करना होगा
scrollTo({scrollLeft: number, scrollTop: number}) => https://react-window.now.sh/#/api/FixedSizeGrid

आशा है कि यह मदद करेगा ...
नोट: @PascalSenn की CSS ट्रिक का ध्यान

// This height will override the window.innerHeight set in JSX : height={window.innerHeight}
.window-scroller-override {
  height: 100% !important;
}

सहायता देने के लिए, ग्रिड काम के साथ एक नमूना: https://codesandbox.io/s/wq301o8qz7

lipoolock 3 अप्रैल 2019

👍2

यदि आपको वास्तव में एक खिड़की के घुमक्कड़ की आवश्यकता है, तो आप केवल एक प्रतिक्रिया-गुणात्मक उपयोग कर सकते हैं।
WindowScroller
https://codesandbox.io/s/vy620pkzzy
WindowScroller गतिशील सामग्री के साथ
https://codesandbox.io/s/xvl23p7okp

इन उदाहरणों पर विचार करने वाले किसी भी व्यक्ति के लिए, कृपया ध्यान दें कि window.innerWidth और window.innerHeight का उपयोग स्क्रॉलबार की उपस्थिति को ध्यान में नहीं रखता है। स्क्रॉलबार का आकार, जो ब्राउज़र / डिवाइस द्वारा भिन्न होता है (और इन्हें प्रस्तुत करने के लिए ये पर्याप्त सामग्री है), कटौती करने की आवश्यकता है।

kgregory 14 मई 2019

👍6

@bvaughn , क्या हम रोलिंग गति को नियंत्रित कर सकते हैं is वर्चुअल लिस्ट को बहुत तेजी से फिसलने से रोकने और तत्वों के बिना रेंडर करने के लिए बहुत आवश्यक है

JinJieTan 24 सित॰ 2019

@ किलोग्राम , किसी भी विचार यह InfiniteLoader साथ कैसे काम करेगा? आपके द्वारा प्रदान किए गए उदाहरण में, WindowScroller onScroll बाहरी दायरे में बनाई गई एक रेफरी का उपयोग करता है और List लागू होता है, लेकिन यदि आप InfiniteLoader , तो InfiniteLoader लिए चाइल्ड कॉलबैक अपने तर्कों से ref है और _that_ से List लागू होता है। ऐसा लगता नहीं है कि दोनों आवश्यकताओं के लिए एक ही रेफरी का उपयोग करना संभव है। मैंने अब तक जो कुछ भी आजमाया है वह काम नहीं किया है।

mrdanimal 2 जन॰ 2020

👍3

@mrdanimal , InfiniteLoader से आए रेफरी के साथ सूची रेफरी का यह उत्तर देखें: https://github.com/bvaughn/react-window/issues/417#issuecomment -583867645

lukemorales 3 मार्च 2020

मैं कुछ मुद्दों को @PascalSenn के कोडैंडबॉक्स में तय करने में सक्षम था, लेकिन कुछ चीजों का परीक्षण करने के लिए अपने दो को ही समाप्त कर दिया जो मेरे प्रोजेक्ट के लिए प्रासंगिक हैं। मैं इसे यहाँ पोस्ट कर रहा हूँ अगर यह किसी के लिए उपयोग हो।

फिक्स्डसाइज़लिस्ट उदाहरण: https://codesandbox.io/s/react-window-with-windowscroller-fixedsizelist-xujgi
VariableSizeGrid उदाहरण: https://codesandbox.io/s/react-window-with-windowscroller-variablesizegrid-7kbwn

smit1625 10 जून 2020

🚀2 🎉1

ऐसा लगता है कि यह काम नहीं करता है। किसी को भी एक समाधान पता है? यह मुझे बहुत परेशानी से बचाएगा

tastyqbit 11 अक्तू॰ 2020

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

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

React-window: Windowscroller

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

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

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