This repository was archived by the owner on May 20, 2021. It is now read-only.
Repository navigation
This repository was archived by the owner on May 20, 2021. It is now read-only.
Cannot style the Link component #5
Description
Current Behavior
Adding a style prop to a Link does not change the style of the Link
import { Link } from '@react-navigation/web'
<Link routeName="Landing" style={{ textDecoration: 'none' }}>
<PrimaryButton title={'◀︎ Back to Home'} style={styles.button} />
</Link>
Expected Behavior
The child components should not be underlined (or textDecorated)
How to reproduce
I believe the same issue is reproduced here?
https://github.com/react-navigation/web-server-example/blob/master/src/AppView.js
Your Environment
| software | version |
|---|---|
| @react-navigation/web | 1.0.0-alpha.7 |
| react-native-web | 0.5.4 |
| node | 9.11.2 |
| yarn | 1.7.0 |
Activity
jeevcat commentedon Dec 29, 2018
I'm also facing this issue when trying to style via the
classprop of the Link component.npomfret commentedon Jan 18, 2019
Same here using:
Is there a solution?
clementmoine commentedon Feb 8, 2019
Facing the same issue, I created a PR (#12) that solves the problem passing all props to the anchor. Including
style,classNameand every props you may set to the<Link />djstein commentedon Sep 3, 2019
as a work around for now: