why not showing flatList and lineChart

[Jin-seop]

What is the problem?

I want to know why the <Svg/> tag has to wrap flatList and lineChart.

When does it happen?

when both not cover <Svg/> tag

What platform?

• [x] iOS
• [x] Android

react-native version: "0.71.7 react-native-svg-charts version: ^5.4.0 react-native-svg version: ^13.11.0

Code to reproduce

1.not showing

 <Animated.ScrollView
            horizontal={true}
            showsHorizontalScrollIndicator={false}
            bounces={false}
            alwaysBounceHorizontal={false}
            nestedScrollEnabled={true}
            onScroll={onScroll}
          >
            <FlatList
             ...
            />
            <Svg>
              <LineChart>
                   .....
              </LineChart>
            </Svg>
          </Animated.ScrollView>

2. not showing

 <Animated.ScrollView
            horizontal={true}
            showsHorizontalScrollIndicator={false}
            bounces={false}
            alwaysBounceHorizontal={false}
            nestedScrollEnabled={true}
            onScroll={onScroll}
          >
            <FlatList
             ...
            />
              <LineChart ....>
                   .....
              </LineChart>
          </Animated.ScrollView>

3. showing

 <Animated.ScrollView
            horizontal={true}
            showsHorizontalScrollIndicator={false}
            bounces={false}
            alwaysBounceHorizontal={false}
            nestedScrollEnabled={true}
            onScroll={onScroll}
          >
           <Svg>
            <FlatList
             ...
            />
              <LineChart ....>
                   .....
              </LineChart>
           </Svg>
          </Animated.ScrollView>