મૂળ ફ્લેટલિસ્ટ હાઇડ સ્ક્રોલબારને રિએક્ટ કરવાની મુખ્ય સમસ્યા એ છે કે સ્ક્રોલબારની દૃશ્યતાને નિયંત્રિત કરવી મુશ્કેલ બની શકે છે. જો તમે સૂચિ ભરેલી હોય ત્યારે જ સ્ક્રોલબારને છુપાવવા માંગતા હોવ અથવા જો તમે સ્ક્રીન પર દૃશ્યમાન હોય ત્યારે જ સ્ક્રોલબારને છુપાવવા માંગતા હોવ તો આ સમસ્યા બની શકે છે.
I'm trying to hide the scrollbar in a React Native FlatList. I've tried setting showsVerticalScrollIndicator={false} and also setting the style property on the FlatList itself: <code><FlatList style={{overflow:'hidden'}} data={this.state.data} renderItem={({item}) => <Text>{item.key}</Text>} /> </code>
ઉપરોક્ત કોડ રીએક્ટ નેટિવ ફ્લેટલિસ્ટમાં સ્ક્રોલબારને છુપાવી રહ્યો છે. કોડ showsVerticalScrollIndicator પ્રોપર્ટીને ફોલ્સ પર સેટ કરી રહ્યો છે અને ફ્લેટલિસ્ટ પર જ સ્ટાઇલ પ્રોપર્ટીને ઓવરફ્લો કરવા માટે સેટ કરી રહ્યો છે: 'hidden'.
બટન ગુણધર્મો
રીએક્ટ નેટીવમાં બટન પર સેટ કરી શકાય તેવા કેટલાક ગુણધર્મો છે. આમાં શામેલ છે:
પ્રકાર - બટનનો પ્રકાર, જે કાં તો બટન અથવા ટેક્સ્ટઇનપુટ હોઈ શકે છે.
- બટનનો પ્રકાર, જે ક્યાં તો a અથવા a હોઈ શકે છે. onPress - એક કાર્ય કે જેને બટન દબાવવામાં આવે ત્યારે કહેવામાં આવે છે. આ ફંક્શને એક દલીલ લેવી જોઈએ, જે સ્ક્રીન પર દબાવવામાં આવેલી આંગળીની ઇન્ડેક્સ છે.
- એક કાર્ય કે જેને બટન દબાવવામાં આવે ત્યારે કહેવામાં આવે છે. આ ફંક્શને એક દલીલ લેવી જોઈએ, જે સ્ક્રીન પર દબાવવામાં આવેલી આંગળીની ઇન્ડેક્સ છે. શૈલી - બટન માટે શૈલી. આને કોઈપણ માન્ય CSS પ્રોપર્ટી પર સેટ કરી શકાય છે.