react-native-gesture-handler/apps/common-app/src/release_tests/nestedButtons/index.tsx at 00ecf541e8025d77b8a0a985e793385bde2ebeaf · software-mansion/react-native-gesture-handler · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
import React from 'react';
import { View } from 'react-native';

import { RectButton } from 'react-native-gesture-handler';

export default function Example() {
  return (
    <View style={{ flex: 1 }}>
      <RectButton
        style={{ width: 400, height: 800, backgroundColor: 'yellow' }}>
        <RectButton style={{ width: 375, height: 700, backgroundColor: 'red' }}>
          <RectButton
            style={{ width: 350, height: 650, backgroundColor: 'green' }}>
            <RectButton
              style={{
                width: 325,
                height: 600,
                backgroundColor: 'blue',
              }}>
              <RectButton
                style={{ width: 300, height: 550, backgroundColor: 'cyan' }}>
                <RectButton
                  style={{
                    width: 275,
                    height: 500,
                    backgroundColor: 'purple',
                  }}>
                  <RectButton
                    style={{
                      width: 250,
                      height: 450,
                      backgroundColor: 'orange',
                    }}>
                    <RectButton
                      style={{
                        width: 225,
                        height: 400,
                        backgroundColor: 'gray',
                      }}>
                      <RectButton
                        style={{
                          width: 200,
                          height: 350,
                          backgroundColor: 'magenta',
                        }}>
                        <RectButton
                          style={{
                            width: 175,
                            height: 300,
                            backgroundColor: 'wheat',
                          }}>
                          <RectButton
                            style={{
                              width: 150,
                              height: 250,
                              backgroundColor: 'pink',
                            }}>
                            <RectButton
                              style={{
                                width: 125,
                                height: 200,
                                backgroundColor: 'lightgreen',
                              }}>
                              <RectButton
                                style={{
                                  width: 100,
                                  height: 150,
                                  backgroundColor: 'navy',
                                }}
                              />
                            </RectButton>
                          </RectButton>
                        </RectButton>
                      </RectButton>
                    </RectButton>
                  </RectButton>
                </RectButton>
              </RectButton>
            </RectButton>
          </RectButton>
        </RectButton>
      </RectButton>
    </View>
  );
}