Text Color not working about react-native-simple-markdown HOT 10 CLOSED

seems like the text setting overwrites everything. setting the text-color explicitly to undefined did the trick for me text: { color: undefined }

from react-native-simple-markdown.

@HeinZawHtet apply color to Text, instead of Paragraph

from react-native-simple-markdown.

@mastermoo it's working. Thz you.

text : {
color: "red",
}

from react-native-simple-markdown.

Guys, my styles are got working ☹️

const markdownStyles = {
  paragraph: {
    fontSize: 14,
    marginBottom: 10,
    lineHeight: 21,
  },
  text: {
	color: '#727272'
  }
}

<Markdown style={markdownStyles} key={Math.random()}>
    {content}
</Markdown>

Any ideas?

--
Edit:

Feeling dumb. The only problem was using 'style' prop instead of 'styles'. Just changed and worked perfectly.

from react-native-simple-markdown.

We had a problem trying to have separate header colors from the base text color. Looking at the code, it seems like it should work, but no. Oddly, size seems to be OK.

from react-native-simple-markdown.

Yes, we had issues with getting normal text to be one (non-default) color and headings/links to be another color. It seems leaving text have an undefined color and paragraph have the 'body text' color works, but I think the parser might need two newlines to detect it as a paragraph?

from react-native-simple-markdown.

How can you change the colour of other markdown such as em & strong? The same issue is occurring.

from react-native-simple-markdown.

@formatlos This did the trick!

from react-native-simple-markdown.

This issue is still occurring. any suggestions?

from react-native-simple-markdown.

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>Open up App.js to start working on your app!</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#ccc',
    color: '#ffffff',
    alignItems: 'center',
    justifyContent: 'center',
  },

  text: {
    color: "white"
  }
});

I see a grey background, black text.

from react-native-simple-markdown.