Я хотел бы создать цветной заголовок со 100% шириной и центрированным текстом + логотипом. Какой компонент (Jewel) мне следует использовать? Я просмотрел примеры в репозиторий GitHub, но не нашел ничего похожего на это. Любая помощь будет оценена по достоинству.
в Драгоценность у вас есть TopAppBar. Он используется в качестве основной панели приложения и представляет собой заголовок, который отображается поверх приложения и заполняет 100% горизонтального пространства.
Раскрашивание может быть выполнено с помощью тем (жемчужных тем или пользовательской темы, которую вы можете сделать самостоятельно) или напрямую переопределить стили CSS в вашем приложении.
Вот небольшой пример этого компонента, который использует другие подкомпоненты.
<j:TopAppBar>
<j:BarRow>
<j:BarSection>
<j:BarTitle text = "Apache Royale Tour de Jewel" />
</j:BarSection>
<j:BarSection itemsHorizontalAlign = "itemsRight">
...place other content here
</j:BarSection>
</j:BarRow>
</j:TopAppBar>
Подкомпоненты:
Notice that you can use a BarRow in other parts of your apps to create headers for nested content too.
Вы можете увидеть реальный пример использования в Приложение Tour De Jewel здесь: