Comments (6)
Try giving flex:1 to the listview. Make sure the parent view is also deterministic in height/width.
from recyclerlistview.
@naqvitalha do we have to necessarily set a parent width and the height to the immediate parent View
that contains the RecyclerListView
?
Even though we do know the width of the content of the RecyclerListView
we have no idea what the content height will be. (We're using RecyclerListView
as a horizontal list) so setting a fixed height on the parent View
hides the content.
Any ideas?
from recyclerlistview.
@SudoPlz All you need is some inferable way to have determine dimensions to compute layouts. An example can help me understand better. If you can build whatever you're trying to with plain ScrollView
then most likely it'll be possible with RecyclerListView
. RecyclerListView
can monitor ScrollView
size changes if you set canChangeSize
prop to true
.
from recyclerlistview.
Basically the problem is that if people use huge Accessibility font sizes, then the height of the content should change, and I have no way of knowing that upfront.
What I tried though was, I used minHeight
instead of height
and the error is gone now.
Not sure if that's ideal what do you think @naqvitalha ?
from recyclerlistview.
It does sound like the solution for now. It will cause one set of layouts to get discarded but unless you have tens of thousands of items that shouldn't be noticeable. I'll get back if I can think of something better.
from recyclerlistview.
My fix for this issue was to wrap my list in a View
component and give that view a height and width.
return <View style={{ width: '100%', height: this.props.dimensions.get('height') }}>
<RecyclerListView
keyboardShouldPersistTaps={true}
dataProvider={data}
layoutProvider={this.layoutProvider}
rowRenderer={this.renderRow}
canChangeSize={true}
/>
</View>;
from recyclerlistview.
Related Issues (20)
- Version 4.2.0 increases blank views HOT 2
- forceNonDeterministicRendering is not working when using different View_Types
- The focused row index is different from onVisibleIndicesChanged HOT 1
- Support for multiple viewability config
- 🅱️ Horizontal List Bug (Layout Problem for height not updated correctly) HOT 1
- `testID` & `accessibilityLabel` properties are not supported on recyclerlistview and it's elements?
- numColumns BUG HOT 5
- can not hide the scroll bar HOT 1
- Internal length of list? HOT 1
- compile error
- Recycerlistview renderItem function is rendering half of the item
- How can i render kind of skeleton placeholder items instead of whitespaces/blank?
- TouchableHighlight object inside a RecyclerListView Losing Focus on fast key navigation with React Native TVOS
- How can I interact with the latest selected row?
- Glitch issue when use ScrollViewWithHeader with GridLayoutProvider HOT 1
- useBottomSheetDynamicSnapPoints is deprecated
- Somebody help me!!! /core/RecyclerListView.js: Property id of VariableDeclarator expected node to be of a type ["LVal"] but instead got "BooleanLiteral" HOT 2
- npm run build is failing HOT 3
- Web accessibility: focus order is wrong.
- contextProvider offset does not work in apps with StrictMode enabled
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from recyclerlistview.