use std::{error::Error, io}; use crossterm::{ event::{self, DisableMouseCapture, EnableMouseCapture, Event, KeyCode, KeyEventKind}, execute, terminal::{disable_raw_mode, enable_raw_mode, EnterAlternateScreen, LeaveAlternateScreen}, }; use ratatui::{prelude::*, widgets::*}; struct App<'a> { pub titles: Vec<&'a str>, pub index: usize, } impl<'a> App<'a> { fn new() -> App<'a> { App { titles: vec!["Tab0", "Tab1", "Tab2", "Tab3"], index: 0, } } pub fn next(&mut self) { self.index = (self.index + 1) % self.titles.len(); } pub fn previous(&mut self) { if self.index > 0 { self.index -= 1; } else { self.index = self.titles.len() - 1; } } } fn main() -> Result<(), Box> { // setup terminal enable_raw_mode()?; let mut stdout = io::stdout(); execute!(stdout, EnterAlternateScreen, EnableMouseCapture)?; let backend = CrosstermBackend::new(stdout); let mut terminal = Terminal::new(backend)?; // create app and run it let app = App::new(); let res = run_app(&mut terminal, app); // restore terminal disable_raw_mode()?; execute!( terminal.backend_mut(), LeaveAlternateScreen, DisableMouseCapture )?; terminal.show_cursor()?; if let Err(err) = res { println!("{err:?}"); } Ok(()) } fn run_app(terminal: &mut Terminal, mut app: App) -> io::Result<()> { loop { terminal.draw(|f| ui(f, &app))?; if let Event::Key(key) = event::read()? { if key.kind == KeyEventKind::Press { match key.code { KeyCode::Char('q') => return Ok(()), KeyCode::Right => app.next(), KeyCode::Left => app.previous(), _ => {} } } } } } fn ui(f: &mut Frame, app: &App) { let size = f.size(); let chunks = Layout::default() .direction(Direction::Vertical) .constraints([Constraint::Length(3), Constraint::Min(0)]) .split(size); let block = Block::default().on_white().black(); f.render_widget(block, size); let titles = app .titles .iter() .map(|t| { let (first, rest) = t.split_at(1); Line::from(vec![first.yellow(), rest.green()]) }) .collect(); let tabs = Tabs::new(titles) .block(Block::default().borders(Borders::ALL).title("Tabs")) .select(app.index) .style(Style::default().cyan().on_gray()) .highlight_style(Style::default().bold().on_black()); f.render_widget(tabs, chunks[0]); let inner = match app.index { 0 => Block::default().title("Inner 0").borders(Borders::ALL), 1 => Block::default().title("Inner 1").borders(Borders::ALL), 2 => Block::default().title("Inner 2").borders(Borders::ALL), 3 => Block::default().title("Inner 3").borders(Borders::ALL), _ => unreachable!(), }; f.render_widget(inner, chunks[1]); }