ਇੱਕ ਓਵਰਲੇ ਕੰਪੋਨੈਂਟ ਰੀਐਕਟ ਮੂਲ ਮਾਡਲ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬਣਾਇਆ ਗਿਆ ਹੈ

ਪ੍ਰਤਿਕਿਰਿਆ-ਨੇਟਿਵ-ਮੋਡਲ-ਓਵਰਲੇਅ. ਇੱਕ ਓਵਰਲੇ ਕੰਪੋਨੈਂਟ ਜੋ ਮੂਲ ਮਾਡਲ ਦੀ ਵਰਤੋਂ ਨਾਲ ਬਣਾਇਆ ਗਿਆ ਹੈ ਜਿਸ ਨੂੰ ਕੰਪੋਨੈਂਟ ਲੜੀਵਾਰ ਵਿੱਚ ਕਿਤੇ ਵੀ ਬੁਲਾਇਆ ਜਾ ਸਕਦਾ ਹੈ.

ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

ਹੋਰ ਮਾਡਲ/ਓਵਰਲੇਅ ਕੰਪੋਨੈਂਟਸ ਦੇ ਉਲਟ, ਇਸ ਨੂੰ ਕੰਪੋਨੈਂਟ ਲੜੀ ਵਿੱਚ ਕਿਤੇ ਵੀ ਟ੍ਰਿਗਰ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ ਕਿਉਂਕਿ ਇਹ ਪ੍ਰਤੀਕਿਰਿਆ-ਦੇਸੀ ਮਾਡਲ ਦੀ ਵਰਤੋਂ ਕਰ ਰਿਹਾ ਹੈ.
ਪ੍ਰਤੀਕਿਰਿਆ-ਦੇਸੀ ਹਿੱਸੇ ਵਰਤੇ ਗਏ. ਇਸ ਲਈ ਕਿਸੇ ਲਿੰਕਿੰਗ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ.
ਐਂਡਰਾਇਡ ਅਤੇ ਆਈਓਐਸ ਦੋਵਾਂ ਲਈ ਬਾਕਸ ਤੋਂ ਬਾਹਰ ਕੰਮ ਕਰਦਾ ਹੈ.
ਸਟਾਈਲ ਪ੍ਰੋਪਸ ਪਾਸ ਕਰਕੇ ਅਨੁਕੂਲਿਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ.
ਸਮਰਥਨ | _+_ |.

GIFs

ਪ੍ਰਤੀਕਿਰਿਆ-ਦੇਸੀ-ਮਾਡਲ-ਓਵਰਲੇ

ਸਾਮਾਨ

ਇਹ ਮੋਡੀuleਲ ਹੇਠ ਲਿਖੇ ਉਪਕਰਣਾਂ ਨੂੰ ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ:

ਪ੍ਰੋਪ	ਵਿਆਖਿਆ	ਮੂਲ ਮੁੱਲ	ਕਿਸਮ
`closeOnTouchOutside`	ਮਾਡਲ/ਓਵਰਲੇਅ ਲਈ ਐਨੀਮੇਸ਼ਨ ਦੀ ਕਿਸਮ. ਦੁਆਰਾ ਪ੍ਰਦਾਨ ਕੀਤੇ ਗਏ ਕੋਈ ਵੀ ਐਨੀਮੇਸ਼ਨ ਹੋ ਸਕਦੇ ਹਨ ਪ੍ਰਤੀਕਿਰਿਆ-ਦੇਸੀ-ਐਨੀਮੇਟੇਬਲ . ਉਦਾਹਰਣ: \| _+_ \| \| _+_ \|, \| _+_ \|, \| _+_ \|, \| _+_ \|, ਆਦਿ	'ਮਧਮ ਪੈ ਜਾਣਾ'	ਸਤਰ
`animationType`	ਦੁਆਰਾ ਪ੍ਰਦਾਨ ਕੀਤੇ ਐਨੀਮੇਸ਼ਨ ਲਈ ਟਾਈਮਿੰਗ ਫੰਕਸ਼ਨ ਪ੍ਰਤੀਕਿਰਿਆ-ਦੇਸੀ-ਐਨੀਮੇਟੇਬਲ	'ਸੌਖ'	ਸਤਰ
`fadeInUp`	ਮਾਡਲ ਦਿੱਖ ਸੈੱਟ ਕਰਦਾ ਹੈ	ਝੂਠਾ	ਬੂਲੀਅਨ
`zoomIn`	ਜੇ ਮਾਡਲ ਨੂੰ ਚਾਈਲਡ ਕੰਪੋਨੈਂਟ ਦੇ ਬਾਹਰ ਛੂਹਣ 'ਤੇ ਬੰਦ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ	ਝੂਠਾ	ਬੂਲੀਅਨ
`bounceIn`	ਫੰਕਸ਼ਨ ਨੂੰ ਬੰਦ ਤੇ ਬੁਲਾਇਆ ਜਾਣਾ ਹੈ.	noop	ਫੰਕਸ਼ਨ
`flipInX`	ਓਵਰਲੇ ਕੰਟੇਨਰ ਲਈ ਸ਼ੈਲੀ.	{}	ਵਸਤੂ
`lightSpeedIn`	ਬੱਚਿਆਂ ਦੇ ਕੰਟੇਨਰ ਲਈ ਸ਼ੈਲੀ.	{}	ਵਸਤੂ
`easing`	ਕੀ ਅੰਦਰੂਨੀ ਹਿੱਸਿਆਂ ਨੂੰ ਪਹੁੰਚਯੋਗ ਐਲਾਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ. ਆਈਓਐਸ XCUITest ਲਈ ਉਪਯੋਗੀ.	ਸੱਚ	ਬੂਲੀਅਨ

ਇੰਸਟਾਲੇਸ਼ਨ

| _+_ | ਜਾਂ ਜੇ ਤੁਸੀਂ ਧਾਗੇ ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹੋ, | _+_ |

ਉਦਾਹਰਨਾਂ:

ਡਿਫੌਲਟ ਪ੍ਰੋਪਸ ਦੇ ਨਾਲ ਸਧਾਰਨ ਵਰਤੋਂ

visible

ਨਾਲ ਗੁੰਝਲਦਾਰ ਵਰਤੋਂ ਪ੍ਰੌਪਸ ਪੇਸ਼ ਕਰੋ

ਵਰਤੋਂ ਕੇਸ: ਉਦਾਹਰਣ ਦੇ ਲਈ ਤੁਹਾਡੇ ਮਾਡਲ ਦੇ ਅੰਦਰ ਇੱਕ ਕਰਾਸ ਬਟਨ ਹੈ ਅਤੇ ਜਦੋਂ ਤੁਸੀਂ ਬਟਨ ਦਬਾਉਂਦੇ ਹੋ ਤਾਂ ਤੁਸੀਂ ਮਾਡਲ ਨੂੰ ਬੰਦ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ. ਇਹ ਵਿੱਚ ਲੁਕਾਉ ਮਾਡਲ ਦਲੀਲ ਨੂੰ ਕਾਲ ਕਰਕੇ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ ਪ੍ਰੌਪਸ ਪੇਸ਼ ਕਰੋ ਕਾਲ ਕਰਨ ਦੀ ਬਜਾਏ | _+_ |. ਹੇਠਾਂ ਦਿੱਤੀ ਉਦਾਹਰਣ ਵੇਖੋ:

closeOnTouchOutside

ਨੋਟ ਕਰੋ ਕਿ ਪੂਰਾ | _+_ | ਅਤੇ | _+_ | ਕੰਪੋਨੈਂਟ ਦੇ ਹਿੱਸੇ ਨੂੰ ਰੈਂਡਰ ਪ੍ਰੋਪ ਦੀ ਦਲੀਲਾਂ ਵਜੋਂ ਪਾਸ ਕੀਤਾ ਜਾ ਰਿਹਾ ਹੈ.

ਪ੍ਰੋਜੈਕਟ URL ਦਾ ਉਦਾਹਰਣ: https://github.com/rgabs/react-native-modal-overlay-example

ਜੇ ਤੁਹਾਨੂੰ ਮੇਰਾ ਕੰਮ ਪਸੰਦ ਹੈ ਤਾਂ ਸਟਾਰ ਮਾਰਨਾ ਨਾ ਭੁੱਲੋ :)

ਵੇਰਵੇ ਡਾ Downloadਨਲੋਡ ਕਰੋ:

ਲੇਖਕ: rgabs

GitHub: https://github.com/rgabs/react-native-modal-overlay

#ਪ੍ਰਤੀਕਿਰਿਆ-ਦੇਸੀ #ਪ੍ਰੋਗਰਾਮਿੰਗ #reactjs

zclassic ਕਿੱਥੇ ਖਰੀਦਣਾ ਹੈ

ਇੱਕ ਓਵਰਲੇ ਕੰਪੋਨੈਂਟ ਰੀਐਕਟ ਮੂਲ ਮਾਡਲ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬਣਾਇਆ ਗਿਆ ਹੈ