Таблицы стилей реакции-native-markdown-display

В настоящее время я использую response-native-markdown-display для своих данных в чате. Но я не уверен, как добавить стиль для цветов границ таблицы, не говоря уже о документах. Я нашел способ изменить цвет внешних границ, но с нижней границей строки заголовка мне не повезло. Есть ли способ изменить его цвет?

Это уценка:

Это код, который я использую для настройки:

 {props.message && (
                <Markdown
                  style = {{
                   
                    table: {
                      borderColor: "white",
                      color: "yellow",
                      borderBlockEndColor: "yellow",
                      borderStartColor: "yellow",
                      borderEndColor: "yellow",
                    },
                  }}>
                  {`
# h1 Heading
## h2 Heading
  ### h3 Heading
  #### h4 Heading
  ##### h5 Heading
  ###### h6 Heading 

  Unordered

  + Create a list by starting a line with 
  + Sub-lists are made by indenting 2 spaces:
    - Marker character change forces new list start:
      * Ac tristique libero volutpat at
      + Facilisis in pretium nisl aliquet
      - Nulla volutpat aliquam velit
  + Very easy!

  Ordered

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa

  Start numbering with offset:

  57. foo
  58. bar



  | Option | Description |
  | ------ | ----------- |
  | data   | path to data files to supply the data that will be passed into templates. |
  | engine | engine to be used for processing templates. Handlebars is the default. |
  | ext    | extension to be used for dest files. |

  Right aligned columns

  | Option | Description |
  | ------:| -----------:|
  | data   | path to data files to supply the data that will be passed into templates. |
  | engine | engine to be used for processing templates. Handlebars is the default. |
  | ext    | extension to be used for dest files. |
`}
                </Markdown>
              )}

Я думаю, мне нужно найти код стиля, такой как borderBlockEndColor и т. д. Но пока не найден.

Hilal Oruç 01.05.2024 13:36
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
2
1
194
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете использовать tr, чтобы стилизовать внутренние линии границ.

const styles = StyleSheet.create({
    tableBorder: {
      borderWidth: 1,
      borderColor: '#FFF',
      borderStyle: 'solid',
    }
 });
 <Markdown
  style = {{
      table: styles.tableBorder,
      tr: styles.tableBorder
  }}>
   {text}
 </Markdown>

Да, это сработало : tr: { borderColor: "white", },

Hilal Oruç 06.05.2024 10:32

Другие вопросы по теме

Похожие вопросы