question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Question]: Is there any support for "standard" material UI input in React Native Paper?

See original GitHub issue

Hey!

I’d like to use the latest version of react native paper (text input), however I noticed there is only support for:

mode
Type: 'flat' | 'outlined'

Is there any support for the React Native Paper V1 style input / Material UI “standard” input?

What I was hoping to get 🤞 🙏 on V1 (https://callstack.github.io/react-native-paper/1.0/text-input.html)

Screenshot 2022-05-10 at 15 35 26

Similarly seen on material UI “standard” input (https://mui.com/material-ui/react-text-field/):

Screenshot 2022-05-10 at 15 36 16

This is the React Native form I have ATM:

Screenshot 2022-05-10 at 15 37 20

The library we are currently using: import { TextField } from 'rn-material-ui-textfield'; is a fork (seemingly unmaintained) from another unmaintained library with input underline issues on android/ios 😢 Which is why I’m moving over to React Paper! 🔥

This is what the form looks like with the existing unmaintained lib when it “works” (and what I’m hoping to achieve with the latest version React Native Paper):

Screenshot 2022-05-10 at 15 42 31

The Question Really:

Do I need to use an older version of Paper? Or is there a way to achieve this with the latest version via styles / props? I think i tried everything style wise, but maybe not! 🤞

Versions:

react-native: 0.64.3 react-native-paper: ^4.12.1 react-native-vector-icons: 0.0.0

(not using vector icons)

Appreciate any help!

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:7 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
johnny-mcfadden-dailypaycommented, May 10, 2022

Thanks @lukewalczak for the speedy response!

1reaction
lukewalczakcommented, May 10, 2022

Hey @johnny-mcfadden-dailypay, answering your question there is no support for the v1 style input. The current design is following the v2 MD documentation. In the nearest future we’ll introduce Material You (v3) and input will look very similar: image

Read more comments on GitHub >

github_iconTop Results From Across the Web

React Native Paper
React Native Paper is a high-quality, standard-compliant Material Design library that has you covered in all major use-cases. Learn more. Docs. Try out ......
Read more >
Is it possible to use Material UI library with React Native?
Material UI is built for ReactJS (web apps), so it doesn't really work together with the React Native framework. However, here's a list...
Read more >
Using MUI in React Native - LogRocket Blog
React Native Paper's <IconButton> supports all the Material Design icons by name and optionally supports any React node that you want to ...
Read more >
Top React Native UI Components Libraries
These are the Top React Native UI Component Libraries that you should know about. Pick the most suitable one for your unique business...
Read more >
React Native Item
Pop-up menus are a great way to improve the UI of your React Native application. ... I use the standard Material Design easing:...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found