callstack / callstack/react-native-paper

Warning: Error: Variant titleLarge was not provided properly. Valid variants are regular, medium, light, thin.

Open
#4,589 6 comments 1 reaction 1 assignee Claimed by @lukewalczak View on GitHub
bug Typography
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

### Current behaviour
After yarn react-native run-android is run, the following error occurs:
![Image](https://github.com/user-attachments/assets/1ad19148-75a3-4174-b20d-a5c40a8e6d72)

### Preview
index.js
```js
import { AppRegistry } from 'react-native';
import { PaperProvider } from 'react-native-paper';
import App from './App';
....
export default function Main() {
return (



);
}
AppRegistry.registerComponent(appName, () => Main)
```

App.js
```js
import { View, StyleSheet, TouchableOpacity } from 'react-native';
import { Appbar, Text, useTheme } from 'react-native-paper';
...
const createStyles = (theme) => StyleSheet.create({
container: {
flex: 1,
justifyContent: 'flex-start',
backgroundColor: theme.colors.background,
},
});

const App = () => {
const theme = useTheme();

const styles = createStyles(theme);

const [klineData, setKlineData] = useState([]);
...
useEffect(() => {
const fetchKlineData = async () => {
try {
const response = await api.get('/lines', {
});
setKlineData(response);
} catch (error) {
setError(error);
}
};

fetchKlineData();
}, []);

const handleTitlePress = () => { };

return (






show data

);
};
export default App
```

### My attempt
I tried changing the in app.js to the following:

But the error still exists

### Environment

| software | version
| --------------------- | -------
| OS | windows 11
| ios | x
| android | 9
| react-native | 0.76.5
| react-native-paper | ^5.12.5
| node | v18.20.5
| yarn | 1.22.22
| expo sdk | x.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.