flex doesn't works ?

[fatoldsun00]

Hi,

i try to make 3 or more rectangle inline, i.e. flex row style. but this code doesn't works

    <Placeholder style={{flex:1, flexDirection: 'row'}}
              Animation={Shine}>
              <PlaceholderLine height={150} style={{ backgroundColor: "red" }}/>
              <PlaceholderLine height={150} style={{ backgroundColor: "red" }}/>
              <PlaceholderLine height={150} style={{ backgroundColor: "red" }}/>

   </Placeholder>

How i can display loaders like in horizontal flatlist ?

Thanks

[R4Y-R4Y]

anyone got into the issue?

[R4Y-R4Y]

solved the issue by adding a view in the Placeholder component like this

<Placeholder Animation={ShineOverlay}>
    <View style={{display:"flex",flex:1,flexDirection:"row"}}>
        <PlaceholderMedia style={style.skeleton}></PlaceholderMedia>
        <PlaceholderMedia style={style.skeleton}></PlaceholderMedia>
        <PlaceholderMedia style={style.skeleton}></PlaceholderMedia>
    </View>
</Placeholder> 

the issue seems to be because the Placeholder component doesn't export a style prop in thte typescript and that would make it unable to do any styling inside of it

import React from "react";
import { ViewProps } from "react-native";
export interface PlaceholderProps extends ViewProps {
    Animation?: React.ComponentType;
    Left?: React.ComponentType<ViewProps>;
    Right?: React.ComponentType<ViewProps>;
}
export declare const Placeholder: React.FC<PlaceholderProps>;

until a fix happens here's a way to do it :)