React Native Pinch Gesture

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ธ.ค. 2024

ความคิดเห็น •

  • @khaleddd
    @khaleddd 4 ปีที่แล้ว +11

    I like the short video format!

  • @ДмитрийИванов-з8з2м
    @ДмитрийИванов-з8з2м 4 ปีที่แล้ว +4

    Hello William!
    I just want to say that your channel is brilliant!
    Sincerely, from Russia!

    • @wcandillon
      @wcandillon  4 ปีที่แล้ว

      Thank you Dmitry, really appreciate it 🙌🏻

    • @NEERAJ355
      @NEERAJ355 3 ปีที่แล้ว

      @@wcandillon please help with this animation in rranimated 2

  • @HBMoulvad
    @HBMoulvad 3 ปีที่แล้ว +1

    Hey @William. Could you do an update that reflects React Native Reanimated 2?

  • @alexr3d
    @alexr3d 4 ปีที่แล้ว

    Nice video quality, explaining and programming. A+

  • @anthonystuvecke1918
    @anthonystuvecke1918 4 ปีที่แล้ว +2

    I added this to a slideshow of photos. The pinch gesture no longer works after I swipe to another photo in the slideshow. Anyone know what the issue may be?

    • @wcandillon
      @wcandillon  4 ปีที่แล้ว +1

      you need to use useMemoOne() to keep the identity of the animation values across re-renders(). I hope this helps.

  • @alimuhammadi300
    @alimuhammadi300 3 ปีที่แล้ว

    React Native Redash is not working properly. How to set it in expo? Please let me know I'm stuck with it :worried: :worried:

  • @LinhKhanhCute
    @LinhKhanhCute 3 ปีที่แล้ว

    Hi can you record video about Pinch gesture using Reanimated 2?

  • @emadbaqeri3238
    @emadbaqeri3238 4 ปีที่แล้ว +1

    where can i download the source code in your videos?

  • @meikbolender1194
    @meikbolender1194 4 ปีที่แล้ว +1

    Vectore does not exist anymore in redash .. but useVectore. How can i set Vector values now as you did in line 48 ? ( Vectore.set(origin, focal)) ?

    • @alt332
      @alt332 4 ปีที่แล้ว

      You can use vec.createValue(0, 0)

    • @meikbolender1194
      @meikbolender1194 4 ปีที่แล้ว

      @@alt332 this does not work as i get " [4403,{"type":"value","value":""}] is not usable as a native method argument "

    • @alt332
      @alt332 4 ปีที่แล้ว

      ​@@meikbolender1194 strange, anyway you can check this as a reference github.com/wcandillon/can-it-be-done-in-react-native/blob/master/season3/src/Instagram/components/Post.tsx

    • @alt332
      @alt332 4 ปีที่แล้ว

      @@meikbolender1194 I've figured out, you need to import "timing" from redash, not from reanimated. Our auto import feature screws us.

    • @meikbolender1194
      @meikbolender1194 4 ปีที่แล้ว

      @@alt332 What timing ? i haven't imported a timing at all ?

  • @BukanSiiinchan
    @BukanSiiinchan 4 ปีที่แล้ว

    Mr, i follow the instagram to load data with scroll loadmore or infinite scroll, i found warn in the console "virtualizedlist laggy ..." how i can solve this..?? Please help sir, i use class component.and flatlist

  • @pouyagholami7160
    @pouyagholami7160 4 ปีที่แล้ว

    how can wrap a svg element ( like circle) inside ?

  • @ashirkhan94
    @ashirkhan94 4 ปีที่แล้ว

    Hi William I am ashir from kerala India , I am stuck on this issue in react-native-swiper ,in android the screen rotate to landscape from potrait, or from potrait to landscape, the slides size is recalculate with Dimensions. Window width and height, and it resized, but the scroll position is not re rendering it shows the 1/3 of previous slide , how I solve this , thanks thanks for advance , I attach the code below
    import React, {useEffect, useState} from 'react';
    import {View, Dimensions, StyleSheet, Text} from 'react-native';
    import Swiper from 'react-native-swiper';
    const styles = StyleSheet.create({
    container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
    },
    containerLandscape: {
    backgroundColor: '#000',
    },
    box: {
    backgroundColor: 'red',
    height: 100,
    },
    slide: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#9DD6EB',
    padding: 15,
    },
    text: {
    color: '#fff',
    fontSize: 30,
    fontWeight: 'bold',
    },
    });
    // const screen = Dimensions.get('screen');
    const App = () => {
    const useScreenDimensions = () => {
    const [screenData, setScreenData] = useState(Dimensions.get('screen'));
    useEffect(() => {
    const onChange = result => {
    setScreenData(result.screen);
    };
    Dimensions.addEventListener('change', onChange);
    return () => Dimensions.removeEventListener('change', onChange);
    });
    return {
    ...screenData,
    isLandscape: screenData.width > screenData.height,
    };
    };
    const screenData = useScreenDimensions();
    console.log('ghfghfghj', screenData);
    return (




    Page 1




    Page 2




    Page 3




    Page 4




    );
    };
    export default App;

  • @itis_zack
    @itis_zack 4 ปีที่แล้ว

    nicely done

  • @kashifwahaj
    @kashifwahaj 4 ปีที่แล้ว

    My expo apk and ipa build are very large ..please help me with this. Expo build is more than 48mb every time ..please help me

    • @engelshentenawy
      @engelshentenawy 4 ปีที่แล้ว

      if you need a smaller build, do not use expo.

  • @chespi44
    @chespi44 4 ปีที่แล้ว

    un crack en React, saludos

  • @mdnazmulhossain1100
    @mdnazmulhossain1100 4 ปีที่แล้ว

    Good developer

  • @luissantos2950
    @luissantos2950 4 ปีที่แล้ว

    magnificent