ઉકેલાયેલ: ઊભી સંરેખિત કેન્દ્ર મૂળ દૃશ્યને પ્રતિક્રિયા આપે છે

વર્ટિકલ અલાઈનમેન્ટ સેન્ટર રીએક્ટ નેટીવ વ્યુ સાથે સંબંધિત મુખ્ય સમસ્યા એ છે કે તે સ્ક્રોલિંગ સમસ્યાઓનું કારણ બની શકે છે. જ્યારે વપરાશકર્તા પૃષ્ઠ નીચે સ્ક્રોલ કરે છે, ત્યારે સ્ક્રીનની મધ્યમાંની સામગ્રી તેમની સાથે નીચે જશે, પરંતુ સ્ક્રીનની બાજુઓ પરની સામગ્રી સ્થિર રહેશે. જો તમે ઇચ્છો છો કે વપરાશકર્તાઓ તમારી બધી સામગ્રી એકસાથે જોઈ શકે તો આ સમસ્યા બની શકે છે.

There is no built-in way to vertically align a view in React Native. However, you can use the style property "transform" with the value "translateY(50%)" to vertically center a view.

રીએક્ટ નેટીવમાં દૃશ્યને ઊભી રીતે ગોઠવવાની કોઈ બિલ્ટ-ઇન રીત નથી. જો કે, તમે વ્યુને વર્ટિકલી સેન્ટર કરવા માટે "translateY(50%)" વેલ્યુ સાથે "ટ્રાન્સફોર્મ" સ્ટાઈલ પ્રોપર્ટીનો ઉપયોગ કરી શકો છો.

પ્રતિક્રિયા મૂળમાં ટેક્સ્ટ વર્ટિકલ સંરેખિત કરો (નેટીવબેઝનો ઉપયોગ કરીને)

ટેક્સ્ટમાં વર્ટિકલ સંરેખણ TextAlign ગુણધર્મ દ્વારા નિયંત્રિત થાય છે. ત્યાં ત્રણ સંભવિત મૂલ્યો છે:

બાકી

કેન્દ્ર

અધિકાર

નેસ્ટેડ ટેક્સ્ટ

રીએક્ટ નેટિવમાં, નેસ્ટેડ ટેક્સ્ટ એ એક વિશેષતા છે જે તમને ટેક્સ્ટ ફીલ્ડ બનાવવા માટે પરવાનગી આપે છે જેમાં અન્ય ટેક્સ્ટ ફીલ્ડ શામેલ હોઈ શકે છે. જો તમે બહુવિધ ફીલ્ડ ધરાવતું ફોર્મ બનાવવા માંગતા હોવ અને તમે ફીલ્ડ્સને વ્યવસ્થિત રાખવા માંગતા હોવ તો આ ઉપયોગી છે.

તમારી રીએક્ટ નેટિવ એપ્લિકેશનમાં નેસ્ટેડ ટેક્સ્ટનો ઉપયોગ કરવા માટે, પહેલા એક નવો ટેક્સ્ટફિલ્ડ ઘટક બનાવો. પછી, કન્સ્ટ્રક્ટરમાં નીચેનો કોડ ઉમેરો:

this.state = {};

આ ટેક્સ્ટ ફીલ્ડની સ્થિતિને પ્રારંભ કરશે જેથી તેમાં ખાલી સ્ટ્રિંગ હોય. આગળ, onChange હેન્ડલરમાં નીચેનો કોડ ઉમેરો:

this.setState({text: this.state.text});

આ ટેક્સ્ટ ફીલ્ડની સ્થિતિને વર્તમાનમાં ગમે તે મૂલ્ય સાથે અપડેટ કરશે. છેલ્લે, તમારા મૂળની નીચે એક નવો ટેક્સ્ટફિલ્ડ ઘટક ઉમેરો અને સ્પષ્ટ કરો કે તેનો ઉપયોગ ચાઇલ્ડ ફીલ્ડ તરીકે થવો જોઈએ:

સંબંધિત પોસ્ટ્સ:

પ્રતિક્રિયા આપો