Tengo un problema en el que las cantidades de texto (en mi caso una ToS) no es la representación correctamente en la pantalla (esto ocurre cuando la cadena hace que el campo de texto de más de una altura de 8000). He leído que la solución al problema es la de dividir la ToS en varias etiquetas de texto.

Cómo se podría ir sobre la división de la cadena en cada nueva línea y a través de programación de la generación de una etiqueta de texto para que?

por ejemplo:

"paragraph1...

paragraph2...."

en:

<Text>paragraph1...</Text>
<Text>paragraph1...</Text>
InformationsquelleAutor Carl Wirkus | 2017-04-28

2 Comentarios

  1. 4

    Esto no está probado, pero se me hizo algo similar con una aplicación que he construido.

    El principio es que el bucle a través de su cadena de texto y partirlo en trozos de cualquier longitud deseada, envolver cada trozo en su propia <Text> elemento y anexarlo a una matriz.

    Editar: Alternativamente, usted puede modificar esta función para dividir la cadena en carácter de nueva línea en lugar de una longitud específica.

    import { Text } from 'react-native';
    
    export function split(string, length = 1000) {
      //Split text into individual words and count length
      const words = string.split(' ');
      const count = words.length;
    
      //Prepare elements and position tracker
      const elements = [];
      let position = 0;
    
      //Loop through words whilst position is less than count
      while (position < count) {
        //Prepare text for specified length and increment position
        const text = words.slice(position, length).join(' ');
        position += length;
    
        //Append text element
        elements.push((
          <Text>{text}</Text>
        ));
      }
    
      return elements;
    }
    
    • Para que la gente la lectura de esta respuesta, elements y position no puede ser constantes ya que sus valores están cambiando en el while bucle. Deben ser variables (let o var).
    • Buena convocatoria en la position ser declarado como let. El elements puede permanecer const, debido a que la variable almacena la referencia al objeto, no el objeto real, por lo que nunca cambia.

Dejar respuesta

Please enter your comment!
Please enter your name here