Can't give a code_block custom style about react-native-markdown-display HOT 7 CLOSED

@JosuGZ I got it working using fence instead of code_block:

 fence: {
    color: '#E94B3CFF',
    backgroundColor: '#2D2926FF',
  },

from react-native-markdown-display.

just to let you know @keanfreeman i am sick of the difference between the styles and render rules so 6.0.0 just changes them all to match

from react-native-markdown-display.

This is because of bad / confusing naming of the rules and the styles

take a look at the readme and you will see that the style for code blocks is not the same name as the rules:

const copy = `
# Boom title

Some text

\`\`\`
  Code block
\`\`\`

\`inline code thing\`
`;

const styles = StyleSheet.create({
    root: { color: "red" },
    codeBlock: { color: "blue" }
});

I would like to clean this up, but because of backwards compat with react-native-markdown-renderer its really tough.

from react-native-markdown-display.

Thanks, I appreciate it.

from react-native-markdown-display.

Seems like a good change!

from react-native-markdown-display.

Hi, I can get code_inline working, but not code_block (nor codeBlock):

Source:

Result:

My style sheet:

const styles = StyleSheet.create({
  heading1: {
    fontSize: 32,
    // backgroundColor: '#000000',
    color: '#E94B3CFF',
  },
  heading2: {
    fontSize: 24,
    color: '#E94B3CFF',
  },
  heading3: {
    fontSize: 18,
    color: '#E94B3CFF',
  },
  heading4: {
    fontSize: 16,
    color: '#E94B3CFF',
  },
  heading5: {
    fontSize: 13,
    color: '#E94B3CFF',
  },
  heading6: {
    fontSize: 11,
    color: '#E94B3CFF',
  },
  code_inline: {
    color: '#E94B3CFF',
    backgroundColor: '#2D2926FF',
  },
  code_block: {
    color: '#E94B3CFF',
    backgroundColor: '#2D2926FF',
  },
  blockquote: {
    color: '#E94B3CFF',
    backgroundColor: '#2D2926FF',
  },
});

from react-native-markdown-display.

@JosuGZ I got it working using fence instead of code_block:

 fence: {
    color: '#E94B3CFF',
    backgroundColor: '#2D2926FF',
  },

Thanks, it works!

Aparently, this:

    Code here

is not the same than this:

```
Code here
```

from react-native-markdown-display.