Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Columns are not correctly rendered with flexbox #2999

Open
dgtllion opened this issue Dec 16, 2024 · 0 comments
Open

Columns are not correctly rendered with flexbox #2999

dgtllion opened this issue Dec 16, 2024 · 0 comments

Comments

@dgtllion
Copy link

dgtllion commented Dec 16, 2024

I see that if i have flexbox > row the renderer renderers the columns not correctly.
Take a look here REPL

This is the code:

const Quixote = () => (
  <Document>
    <Page style={styles.body}>

      <View style={{display: 'flex', flexDirection: 'row'}}>
        <Text style={{ paddingTop: 1 }}>Move this Part to bottom</Text>
        <Text >
          Move this second part to bottom. En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha
          mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga
          antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que
          carnero, salpicón las más noches, duelos y quebrantos los sábados,
          lentejas los viernes, algún palomino de añadidura los domingos,
          consumían las tres partes de su hacienda. El resto della concluían sayo
          de velarte, calzas de velludo para las fiestas con sus pantuflos de lo
          mismo, los días de entre semana se honraba con su vellori de lo más
          fino. Tenía en su casa una ama que pasaba de los cuarenta, y una sobrina
          que no llegaba a los veinte, y un mozo de campo y plaza, que así
          ensillaba el rocín como tomaba la podadera. Frisaba la edad de nuestro
          hidalgo con los cincuenta años, era de complexión recia, seco de carnes,
          enjuto de rostro; gran madrugador y amigo de la caza. Quieren decir que
          tenía el sobrenombre de Quijada o Quesada (que en esto hay alguna
          diferencia en los autores que deste caso escriben), aunque por
          conjeturas verosímiles se deja entender que se llama Quijana; pero esto
          importa poco a nuestro cuento; basta que en la narración dél no se salga
          un punto de la verdad
        </Text>
      </View>

    </Page>
  </Document>
);

const styles = StyleSheet.create({
  body: {
    paddingTop: 35,
    paddingBottom: 65,
    paddingHorizontal: 35,
  },
});

ReactPDF.render(<Quixote />);

This is the result
Screenshot 2024-12-16 at 10 26 40

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant