callstack / callstack/react-native-paper

List.Accordion border radius

Open
#4,365 2 comments 0 reactions 0 assignees View on GitHub
question
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

### Ask your Question

Is it possible to have borderRadius on List.Accordion? Currently it has rigid corners and I want them to be rounded.

![Screenshot 2024-04-06 at 16 21 20](https://github.com/callstack/react-native-paper/assets/63498645/d02ab51e-9fa8-4e61-b123-15b97c79728a)

```



selectPostCategoryIcon(props, selectedPostCategory)
}
onPress={(e: GestureResponderEvent) =>
handlePostDropdownPress(selectedPostCategory)
}
expanded={postDropdownExpanded}
titleStyle={{ fontSize: 22 }}
style={{ borderRadius: 100 }}
>

{postCategories.map((item, index) =>
item !== selectedPostCategory ? (

handlePostDropdownPress(item)
}
titleStyle={{ fontSize: 16 }}
left={(props) => selectPostCategoryIcon(props, item)}
style={{ backgroundColor: "white" }}
/>
) : undefined
)}


```

Contributor guide

Open the contributing guide

Research direction

Start by reviewing the List.Accordion entry point and how its existing style prop is applied. Verify the reported rigid corners, then make borderRadius work for the accordion and confirm the rounded appearance in the relevant component behavior or visual tests.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
design, frontend, mobile
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.